Question

快速提问。

尝试为我的网站制作可暂停的滚动控件。我希望当您将鼠标悬停在按钮上而不是单击它时滚动页面。我有它主要工作，但它似乎有点毛病主要是因为悬停事件不断触发animate方法。我想知道是否有更简洁的方法来触发它。下面是我到目前为止的代码。

    $("#goUp").hover(function () { 
      var curpos= $('body').scrollTop();
      $("body").animate({scrollTop: curpos- 200}, 800);
    }, function () {
        // I want to stop the animation here when they mouse out
    });

    $("#goDown").hover(function () { 
      var curpos= $('body').scrollTop();
      $("body").animate({scrollTop: curpos+ 200}, 800);
    }, function () {
        // I want to stop the animation here when they mouse out        
    });

感谢您的帮助

Answer 1

使用以下内容停止动画。

$("body").stop()

Jquery scrollup悬停停止

1 个答案: