问题标签 [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 回答
2626 浏览

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"属性,问题就会消失。

0 投票
4 回答
6075 浏览

javascript - jquery scrollTop 和 href="#"

我使用此功能滚动到所需的容器:

当这样使用时,问题就来了:

因为href="#"使正文滚动到页面顶部。

有没有办法防止这种情况?

0 投票
11 回答
97005 浏览

jquery - 动画 scrollTop 在 Firefox 中不起作用

此功能工作正常。它将正文滚动到所需容器的偏移量

但不是在 Firefox 中。为什么?

-编辑-

为了在接受的答案中处理双触发,我建议在动画之前停止元素:

0 投票
2 回答
1106 浏览

jquery - 当 x 很大时,jquery scrollTop(x) 不会滚动到目标

我对 .scrollTop() 有疑问

我有一个页面在卸载时存储会话中的当前 scrollTop() 位置。我的目标是当我回到这个页面时,页面滚动到我在它上面的最后一个 scrollTop 位置。

我的 JS 代码很简单:

结果在我的浏览器控制台中:

好的,我的页面滚动到最后一个位置。

问题来自scrollto 变量的大值。这就是我在控制台中得到的:

我不明白为什么它没有在请求的位置滚动

我什至试过这个:

结果:

其他信息:

  • 我在 Chrome 和 Safari 上的结果相同。
  • 我正在谈论的页面包含很多图像,因此完全加载需要一些时间。

我真的很感激任何帮助。

谢谢你。

0 投票
3 回答
498 浏览

javascript - Javascript/jQuery scrollTop 问题

我重新创建了我在这里尝试做的简单版本(jsFiddle)

标题应该保持在原处,并且当您向下滚动时,当您单击标题 div 时,它应该向上滚动到顶部,它确实如此。但是,如果您专注于输入,或单击“徽标”,则滚动条应保持在原处。

我尝试的第一种方法是使用 jQuery.css并将输入/徽标设置z-index为高于标题,然后获取当前滚动并将其保持在该位置。

这种工作,但一旦你点击输入或标志,标题滚动不再工作。

我还尝试将徽标/输入 jQuery 更改.animate为慢速,它保持静止几秒钟,然后滚动到顶部,即使我没有设置它这样做。这是第二个例子 - jsFiddle

但是,使用第二个示例执行此操作并不会阻止其他功能正常工作。

我错过了这种行为有什么原因吗?

0 投票
1 回答
898 浏览

javascript - 简单的滚动到顶部过渡不起作用

尝试制作一个简单的滚动到顶部按钮,该按钮可以平滑地向上滚动,我认为这会使它起作用。

现在它所做的只是让页面直接顶到顶部,因此它至少可以正常工作,只是延迟不起作用,我不是 jQuery/Javascript 方面的专家,也无法弄清楚。

你可以在这里看到它的使用:http: //jsfiddle.net/JamesKyle/8H7hR/101/

0 投票
2 回答
2590 浏览

javascript - 轻量级 scrollUp 函数 - jQuery

尝试制作简单的 jQuery 函数来创建一个 scrollToTop 按钮,该按钮会在您向下滚动时淡入。

在此处查看实际操作:http: //jsfiddle.net/JamesKyle/fBvGH/

0 投票
1 回答
746 浏览

jquery - Jquery - 框在 IE8 及以下版本中不设置动画

我最近在我的网站中加入了 jQuery 来为两个框设置动画,具体取决于用户滚动页面的距离。

它们都出现在页面顶部,因此在页面最初加载时不可见(负边距顶部数字)。

代码如下,但您也可以在此处查看它的 JSFiddle

JavaScript

HTML

CSS

这似乎在所有浏览器的所有最新版本上都很好用,但在 IE8 及更低版本上根本不起作用(这并不奇怪)。当用户滚动时,这些框不会动画,因此永远不会出现在屏幕上。

谁能帮我让它在 IE8 上工作?甚至可能是IE7?

0 投票
2 回答
7103 浏览

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),而在上面的代码中却没有。

我试图通过这样做来修复:

但这并不能解决问题。谢谢你的帮助!

0 投票
2 回答
861 浏览

jquery - jQuery 浏览器自动滚动导航?

是否有可能,或者是否有人知道一个教程,您可以通过单击滚动到页面的某个部分来固定导航,并且导航会指示您在那个时候有一个活跃的课程?

与此类似,但导航固定在顶部..

http://tympanus.net/Tutorials/WebsiteScrolling/index_vertical.html

是否只是向导航添加一个活动类,然后以某种方式告诉 jquery 在单击时添加它?

我过去曾挑衅地看过它的教程,但找不到:(

谢谢你的帮助 :)