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>
    $('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>

Answer 3

也许问题在于您没有使用文档就绪功能。

试试这个：

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

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

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

用鼠标滚轮停止平滑滚动

3 个答案: