用鼠标滚轮停止平滑滚动

Question

我有这段代码，当单击一个URL时，视图将平滑地滚动到该特定的div（同一页）。 但是，我遇到了一些马车。
所以说，我点击了URL，它现在顺利滚动到页面的底部。但是，当我试图用我的鼠标滚轮来停止平滑滚动，但它不起作用。相反，它给了我那种有点怪异的外观。

下面的代码 请指点

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

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

      return false; 
     }); 
     </script> 

Answer 1

事件处理程序添加到window为wheel和mousewheel事件，并在他们的处理器调用$("html, body").stop()

Answer 2

也许问题是，你不使用文件准备就绪功能。

试试这个：

<script> 
    $(document).ready(function() { // <-- this 
    $('a').click(function(e){ 

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

     return false; 
    }); 
    }); 
</script> 

Answer 3

试试这个

<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>