javascript - 用鼠标滚轮停止平滑滚动

Question

我有这段代码，这样当点击一个 URL 时， View 将平滑地滚动到那个特定的 div(同一页面)。但是，我遇到了一些问题。
假设我点击了 URL，它现在平滑地滚动到页面底部。但是，当我尝试使用鼠标滚轮停止平滑滚动时却没有用。相反，它让我看起来有点像 buggy 。

代码如下请指教

        <script>
        $('a').click(function(e){

            $('html, body').stop().animate({
                scrollTop: $( $(this).attr('href') ).offset().top
            }, 1500);

            return false;
        });
        </script>

Answer 1

试试这个

<script>
    $('html, body').bind('mousewheel', function(e){ 
        $(this).stop();
    });

    $('a').click(function(e){
          $('html, body').stop().animate({
                scrollTop: $( $(this).attr('href') ).offset().top
          }, 1500);

        return false;
    });
</script>