当前位置: 首页 > 面试题库 >

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

冯胤
2023-03-14
问题内容

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

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

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

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

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


问题答案:

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

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

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



 类似资料:
  • 本文向大家介绍如何使用JavaFX创建滚动窗格?,包括了如何使用JavaFX创建滚动窗格?的使用技巧和注意事项,需要的朋友参考一下 滚动窗格包含一个UI元素,并提供它的可滚动视图。在JavaFX中,可以通过实例化javafx.scene.control.ScrollPane类来创建滚动窗格。您可以使用setContent()方法将内容设置到滚动窗格。 要将滚动窗格添加到节点- 实例化ScrollP

  • 问题内容: 嗨,当我将元素悬停在某个元素上时,可以不使用而禁用窗口滚动吗? 我试过了 我的意思是,我想使滚动条保持可见状态,但是当我从鼠标移出该元素时,窗口不会滚动,而我移过的元素可以滚动 所以禁用滚动的身体,但不为元素我没有使用CSS结束 问题答案: 尝试处理除一个节点以外的所有节点上的“ mousewheel”事件

  • 我正在尝试获取一些关于组件的信息,这些组件按标准包含在中。特别是我对阅读水平的感兴趣。我怎么参考?

  • 问题内容: 我正在尝试快速导航以使其正常工作。它漂浮在侧面。当他们单击链接时,会将他们带到页面上的该ID。我正在遵循Treehouse的本指南。这就是我要滚动的内容: 我最初将其放置在之前。但是我似乎遇到了一种竞争情况,在quickNav编译之前就已经触发了这种情况(它放在上面,不确定是不是引起了它-但它在DOM内)。 如果我在控制台中运行该代码块,则滚动将按预期进行。 我认为将其移入控制器会更有

  • 我看到了另一个这样的问题,但是答案对我不起作用,我不知道为什么。为什么超过50px时我的popover内容不滚动?还有一个附带问题:在我的变量a中,我的换行符在弹出窗口中不起作用。有人知道为什么吗?

  • 问题内容: 我有一张带垂直滚动条的大桌子。我想使用jQuery / Javascript滚动到此表中的特定行。有内置的方法可以做到这一点吗? 问题答案: 死了很简单。 无需插件 。 文档。