问题标签 [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.
javascript - Javascript:以编程方式将非弹出式 SELECT 元素滚动到 Chrome 的底部
我SELECT
在网页中有一个元素,我希望它加载滚动到底部。在大多数浏览器中,我可以这样做:
虽然scrollHeight
超出了界限,但浏览器会发现并适当地限制它。谷歌浏览器除外。我可以提交错误报告,但这并不能帮助我解决眼前的问题。所以我尝试了这个:
但这减去了太多——元素底部下方有一些项目。我也尝试过减法offsetHeight
,但情况稍差。
有谁知道一种与浏览器无关的方法来正确计算scrollTop
正确的边界,以便它可以与 Chrome 一起使用?
顺便说一句,我在 stackoverflow 上发现了这个问题: Cross-Browser method for setting ScrollTop of an element? . 也许这适用于 DIV,但不适用于 SELECT 元素和/或不适用于 Chrome。
谢谢!
更新:这是一个演示问题的 HTML 页面:
如果我在 Chrome 中查看这个,最后一个选项“lastone”大部分都被切断了。但是,如果我删除该class="fields9"
属性,问题就会消失。
javascript - jquery scrollTop 和 href="#"
我使用此功能滚动到所需的容器:
当这样使用时,问题就来了:
因为href="#"
使正文滚动到页面顶部。
有没有办法防止这种情况?
jquery - 动画 scrollTop 在 Firefox 中不起作用
此功能工作正常。它将正文滚动到所需容器的偏移量
但不是在 Firefox 中。为什么?
-编辑-
为了在接受的答案中处理双触发,我建议在动画之前停止元素:
jquery - 当 x 很大时,jquery scrollTop(x) 不会滚动到目标
我对 .scrollTop() 有疑问
我有一个页面在卸载时存储会话中的当前 scrollTop() 位置。我的目标是当我回到这个页面时,页面滚动到我在它上面的最后一个 scrollTop 位置。
我的 JS 代码很简单:
结果在我的浏览器控制台中:
好的,我的页面滚动到最后一个位置。
问题来自scrollto 变量的大值。这就是我在控制台中得到的:
我不明白为什么它没有在请求的位置滚动
我什至试过这个:
结果:
其他信息:
- 我在 Chrome 和 Safari 上的结果相同。
- 我正在谈论的页面包含很多图像,因此完全加载需要一些时间。
我真的很感激任何帮助。
谢谢你。
javascript - Javascript/jQuery scrollTop 问题
我重新创建了我在这里尝试做的简单版本(jsFiddle)
标题应该保持在原处,并且当您向下滚动时,当您单击标题 div 时,它应该向上滚动到顶部,它确实如此。但是,如果您专注于输入,或单击“徽标”,则滚动条应保持在原处。
我尝试的第一种方法是使用 jQuery.css
并将输入/徽标设置z-index
为高于标题,然后获取当前滚动并将其保持在该位置。
这种工作,但一旦你点击输入或标志,标题滚动不再工作。
我还尝试将徽标/输入 jQuery 更改.animate
为慢速,它保持静止几秒钟,然后滚动到顶部,即使我没有设置它这样做。这是第二个例子 - jsFiddle
但是,使用第二个示例执行此操作并不会阻止其他功能正常工作。
我错过了这种行为有什么原因吗?
javascript - 简单的滚动到顶部过渡不起作用
尝试制作一个简单的滚动到顶部按钮,该按钮可以平滑地向上滚动,我认为这会使它起作用。
现在它所做的只是让页面直接顶到顶部,因此它至少可以正常工作,只是延迟不起作用,我不是 jQuery/Javascript 方面的专家,也无法弄清楚。
你可以在这里看到它的使用:http: //jsfiddle.net/JamesKyle/8H7hR/101/
javascript - 轻量级 scrollUp 函数 - jQuery
尝试制作简单的 jQuery 函数来创建一个 scrollToTop 按钮,该按钮会在您向下滚动时淡入。
在此处查看实际操作:http: //jsfiddle.net/JamesKyle/fBvGH/
jquery - Jquery - 框在 IE8 及以下版本中不设置动画
我最近在我的网站中加入了 jQuery 来为两个框设置动画,具体取决于用户滚动页面的距离。
它们都出现在页面顶部,因此在页面最初加载时不可见(负边距顶部数字)。
代码如下,但您也可以在此处查看它的 JSFiddle。
JavaScript
HTML
CSS
这似乎在所有浏览器的所有最新版本上都很好用,但在 IE8 及更低版本上根本不起作用(这并不奇怪)。当用户滚动时,这些框不会动画,因此永远不会出现在屏幕上。
谁能帮我让它在 IE8 上工作?甚至可能是IE7?
javascript - offset().top 在 IE7 中给出错误:offset().top 为 null 或不是对象
我使用以下代码在向下滚动时固定 div 的位置(因此它会留在窗口中)。它工作得很好,但在 IE7 中我得到了错误:offset().top is null or not an object.
谷歌搜索我发现了这个(见 Earl Jenkins 的底部帖子)http://api.jquery.com/offset/ 在其中他解决了这个特定的错误。但是,像我这样的 jQuery 和 javascript 初学者,我不知道如何实现这个修复,因为在他的帖子中他使用了一个固定值(100),而在上面的代码中却没有。
我试图通过这样做来修复:
但这并不能解决问题。谢谢你的帮助!
jquery - jQuery 浏览器自动滚动导航?
是否有可能,或者是否有人知道一个教程,您可以通过单击滚动到页面的某个部分来固定导航,并且导航会指示您在那个时候有一个活跃的课程?
与此类似,但导航固定在顶部..
http://tympanus.net/Tutorials/WebsiteScrolling/index_vertical.html
是否只是向导航添加一个活动类,然后以某种方式告诉 jquery 在单击时添加它?
我过去曾挑衅地看过它的教程,但找不到:(
谢谢你的帮助 :)