javascript - 自动滚动 Jquery

Question

我正在尝试在用户滚动 1px 后自动滚动 750px , 但达到 750 时，我会滚动回正常状态，只有当我位于页面顶部时，效果才会重新开始。

jQuery.noConflict()(function ($){
   $(window).scroll(function (event) {
     var body = $("html, body");
     var scroll = $(window).scrollTop();
     body.stop().animate({scrollTop:750}, '1500');  
   });
});

这是我的代码，但会继续自动滚动到 750 像素，如果我不在正文顶部，我该如何停止事件并再次启动它？

Answer 1

您只需要在动画调用周围添加一个 if。

if(scroll == 0){
    body.stop().animate({scrollTop:750}, '1500');
}

否则每次滚动它都会调用动画并返回到 750px 位置