如何使用JQuery$.scroll to()函数滚动窗口

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (97)

每当用户接近文档顶部时,我都会尝试向下滚动100 px。

当用户接近文档顶部时,我会执行函数,但是.scroll To函数无法工作。

我在前后放置了一个警报,以检查是否是实际的行阻止了它,下面是代码:

alert("starting");
$.scrollTo({ top: '+=100px', left: '+=0px' }, 800);
alert("finished");

我知道我的jQuery页面链接正确,因为我一直在使用许多其他jQuery函数,而且它们都很好。我还试着从上面删除“PX”,这似乎没有什么区别。

提问于
用户回答回答于

如果它不起作用,为什么不尝试使用jQuery的scroltop方法呢?

$("#id").scrollTop($("#id").scrollTop() + 100);

如果你希望滚动顺利,可以使用基本的javascript setTimeout/setInterval函数使其在一定时间内以1px的增量滚动。

用户回答回答于
$('html, body').animate({scrollTop: $("#page").offset().top}, 2000);

扫码关注云+社区

领取腾讯云代金券