问题标签 [scrolltop]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1683 浏览

jquery - jquery:自动滚动页面,但允许鼠标滚轮,仍在滚动

我正在尝试创建一个功能,在该功能中,用户会看到一个菜单,其中包含 5 个数字,1 - 5。1 = 最慢,5 = 最快,当有人单击其中一个数字时,页面开始自行滚动,使其如此人不必滚动页面。我遇到的问题是我想让这个人仍然可以访问他们的鼠标滚轮,但是当我在页面动画时使用鼠标滚轮时,它会向下猛拉页面,然后将页面猛拉回原来的位置它继续动画,但不允许我向下或向上滚动,然后从我用鼠标滚轮滚动到的新位置开始动画。现在我有了它,所以如果我在滚动页面时单击它,它会停止,但我没有将它包含在最终脚本中,有什么帮助吗?谢谢!

0 投票
1 回答
2543 浏览

javascript - jquery scrolltop 和 scrollleft 工作完美,但在 iphone 上它们都将另一个栏滚动到它的主位置?

我正在使用以下 jquery 代码垂直滚动到页面上的某个位置。这在所有浏览器上都可以正常工作,并且不会影响水平滚动位置,但是当我在 iphone(移动 safari 上)上尝试它时,除了垂直滚动到正确的位置之外,它还会一直水平滚动到左侧。同样,如果我使用 scrollleft,它会水平转到正确的位置,但会返回页面顶部。它在其他所有方面都可以正常工作,我在任何地方都找不到有关此问题的任何参考,如果遇到此问题的任何人可以帮助我,我将不胜感激!我什至不能一个接一个地做(向左滚动然后向右滚动),因为我最后做的任何一个都会取消前一个设置的滚动位置。

非常感谢你的帮助!

戴夫

0 投票
3 回答
345 浏览

jquery - Jquery:当 #ID 在 url 的末尾时,页面会出现在浏览器屏幕顶部的元素,我们可以让它滚动到 #ID 元素吗?

转到我在问题末尾链接的页面,将您发送到主 stackoverflow 页面,但浏览器不会显示页面顶部,它将查找#h-recent-badges元素并开始在该元素位置查看页面.

是否有可能做到这一点,如果有人带着文章底部评论之一的链接来到我的网站,它会在页面顶部启动该人,然后向下滚动到#ID , 而不是仅仅出现在#ID?

当在页面上单击锚链接时,我可以使页面滚动到#ID,但我说的是当有人来自谷歌并带有指向元素#ID 的链接时。

https://stackoverflow.com/#h-recent-badges

0 投票
1 回答
346 浏览

jquery - Jquery:把它变成一个函数?使用可选的偏移量和速度等将正文滚动到#id

我正在尝试创建一个可以反复使用的功能。我已经设置好了,所以如果链接指向页面上的一个 H2 ID,那么它将滚动到偏移量为 + 10px 的目标,然后淡入淡出箭头几次。但是如果链接指向#footer 元素,那么它应该向下滚动页面,然后一旦到达目标,它就会将背景颜色从蓝色变为浅蓝色几次,然后又变回蓝色。

用这个制作函数的最有效方法是什么?所以我不会一直重复代码?

使用我上面的一些代码,像这样,我认为......:

ifTargetIsThis =#foot_Wrapper

y偏移 =- $(window).height() + 139

速度=1500

显然我需要一些帮助来制作这个功能,或者如果你认为你可以让它比我上面的小例子更有效,请分享。

0 投票
3 回答
81830 浏览

jquery - ;jquery:动画页面从当前屏幕位置向下 100px

我需要从当前屏幕位置开始滚动动画,向下移动一定数量的像素。

或者?

0 投票
2 回答
14460 浏览

jquery - Jquery:从当前位置向下滚动页面 100px

如何将页面从当前位置向下设置 100 像素?

我的代码不起作用:

像这样,但没有将页面滚动到特定元素,而是从窗口当前位置滚动 100px:

0 投票
1 回答
1062 浏览

javascript - Firefox scrollTop 在 zIndex 更改时重置

每当我更改给定 div 的 zIndex (甚至更改为相同的值)时,它的 scrollTop 属性都会重置并滚动回开始。这会对我的网站造成非常难看的效果(在重新绘制时整个 div 上的减速和黑色矩形)。在 scrollTop 重置后,我可以将其重新设置,但这会导致又一次丑陋的重绘。

这个 FF 虫子快把我逼疯了!我在 mozilla https://bugzilla.mozilla.org/show_bug.cgi?id=623937中提交了一个错误,但他们不关心它!请,如果有人知道如何用一些javascript魔法解决这个问题?也许玩 HTMLElement 原型以某种方式覆盖 scrollTop?

这里有一个小测试用例”

0 投票
5 回答
8515 浏览

javascript - 火狐scrollTop问题

我对 Firefox scrollTop 值和 onscroll 事件有疑问。这在 IE、Safari 和 Chrome 中效果很好,但 Firefox 似乎落后了。

我尝试使用 onscroll 事件更新一些背景位置,但是当我拿起手柄并快速上下拖动它时,Firefox 停止更新 scrollTop 值并导致我的应用程序出现一些延迟。

您可以尝试此代码并在拖动句柄时查看 Firefox 控制台,您将看到某些值会停止更新:

知道如何让 Firefox 响应更快吗?

0 投票
1 回答
896 浏览

jquery - 奇怪的 scrollTop() 错误(在某些浏览器中)

我在 Safari 中使用 scrollTop() 有一些非常奇怪的错误。

这是: http: //miceclub.ru/(地图上的场地列表)。

我正在使用 jquery scrollTop() 函数和鼠标滚轮插件。

我用:$('.groundsListElements').scrollTop(currScrollTop);

我检查了图表(X 上的 currScrollTop 和 Y 上的时间) - 没关系..

有没有人有同样的问题?

这是该问题的视频

0 投票
1 回答
5916 浏览

javascript - 使用jQuery将滚动条锁定在页面底部?

我正在客户端使用 jQuery 编写日志“tail -f”应用程序。目前,该应用程序通过每 2 秒向服务器发出 AJAX 请求并将新的日志内容附加到页面上预先存在的<PRE>标签来工作(受这篇文章的启发)。这一切都很好。

我的问题是新内容附加到页面但没有立即显示。也就是说,所有新的日志消息只是将滚动条推高。

我想将滚动条“锁定”在页面底部,以便您可以实时观看所有内容。我最初一直在考虑使用 jScrollPane 来“锁定”滚动条位于底部,但现在我认为可能有一种更简单的方法可以将焦点保持在页面底部......