一尘不染

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

javascript

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

当用户接近文档顶部时,我执行了该函数,但是.scrollTo函数不起作用。

我在之前和之后放置了一个警报,以检查它实际上是否是阻止该行的线路,并且只有第一个警报响起,这是代码:

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

我知道我的jquery页面链接正确,因为我在整个过程中都使用了许多其他jquery函数,而且它们都可以正常工作。我也尝试过从上方删除“
px”,但似乎没有什么不同。


阅读 1445

收藏
2020-05-01

共1个答案

一尘不染

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

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

如果要平滑滚动,可以使用基本的javascript setTimeout / setInterval函数,使其在设定的时间长度内以1px的增量滚动。

2020-05-01