问题标签 [scroll-position]

情况：对于每个锚链接，我希望平滑滚动到锚链接。接下来，我想为特定的锚链接设置偏移量（例如，只有导航的链接，但没有网站上的锚链接）。最后我想添加媒体查询..所以偏移位置应该只适用于定义的浏览器尺寸（例如“最大宽度：767px”）。

第一个问题：我的平滑滚动只有在禁用其他功能（偏移定位）时才有效。两者一起不起作用。有什么帮助吗？ 第二个问题：我不知道如何仅将“偏移定位”减少为“导航”锚链接。

我通过搜索here和其他网站获得了代码，我没有自己编写。我想尽快学习 javascript 和 jquery 的基础知识。但是现在能得到你们所有人的帮助会很棒。十分感谢！

鲍里斯

我想要 JavaScript 中文档元素的滚动位置，因为我不能使用 jQuery。

问题：获取文档垂直滚动位置的 JavaScript 代码是什么？我需要让它与 IE 8 和所有现代浏览器兼容。

更新 1：我查看了作为副本给出的 2 个答案。第一个确实解决了我的问题，虽然它不专注于跨浏览器解决方案，但第二个离我需要的还很远。我需要文档的垂直滚动位置，而不是滚动到文档的顶部。第二篇文章谈到使用链接或逐步到达文档顶部，这并没有解决我的问题。

更新 2：根据 minitech 提供的答案，我想出了以下函数来确定适用于所有现代浏览器以及 IE 8 的滚动位置。我对此进行了测试，它适用于 Chrome、FireFox、Opera、Edge、IE 8、IE 9、IE 10 和 IE 11。

我正在开发一个顶部有固定标题的网站。但是，当我导航到锚点时，开始内容被标题隐藏了。有没有更好的方法来抵消我正在使用的代码。我认为这与下面的行有关。整个脚本在下面的小提琴中。

https://jsfiddle.net/QuirkCHROMA/d5pp652r/2/

当我在我的网站上刷新视图时，我希望它将用户带到页面上的相同位置，现在每次我刷新它都会将用户带回顶部。

当您在不同页面之间切换时，它应该始终回到顶部，但是对于同一视图上的刷新/F5，它不应该带您回到顶部。

我在stackoverflow上尝试了一些其他解决方案来解决这个问题，但对我没有任何帮助。

我有以下问题：我想让以前隐藏的 ng-repeat 开头的项目可见。当我这样做时，项目列表最终会变得更长，并且之前渲染的所有元素都会下移。我想在显示新项目之前将滚动位置保持在聚焦的项目上。

这是我的模板的代码。我的控制器减少 listStartIndex 的值以使新项目可见。任何想法将不胜感激。谢谢！

我的 Firefox 控制台出现以下错误，并伴有抖动的动画：

该站点似乎使用了滚动链接的定位效果。这可能不适用于异步平移；

我查看了Firefox 的支持帖子，但没有看到任何与我的场景相关的示例。

我有一个基于锚点的导航菜单，它指示访问者当前在页面上的位置。这是我用来处理这个问题的 jQuery：

基本上，我根据锚点的位置检查滚动位置，如果锚点在附近，则切换 CSS 类。CSS 处理过渡效果。

是否有另一种不需要滚动链接定位效果并导致抖动滚动的方法来实现这一点？

我已经阅读了很多关于如何在RecyclerView设备旋转时保留当前滚动位置的建议。我现在发现，当我使用时com.android.support:recyclerview-v7:23.0.+，当前位置实际上是保存在savedInstanceState. 它似乎也被恢复了，但它只是“稍微正确地”恢复了。

我正在经历这个：我以纵向模式滚动到列表的底部，然后切换到横向。当前位置已正确恢复（当然，有些项目不可见 - 我可以继续滚动）！

没有任何进一步的滚动，我旋转回纵向，恢复的位置比我实际认为的位置高出几项。列表不再滚动到底部。

我的问题是：我还能做些什么来实际存储和恢复正确的滚动位置？

这是的布局RecyclerView：

这是单个项目的缩短布局：

承载 的片段RecyclerView具有以下代码：

我已经构建了一个我想要动画的 SVG，它有三个部分/层，每个部分都有预定义的路径数量。

SVG是一个圆形标志类型的东西，在圆圈的顶部有文字，在剩余的空间周围划线，然后在圆圈的中间输入。

像这样但更简单： http: //pixelcurse.com/wp-content/uploads/2015/11/logo-badges-8.jpg

我想做的是：

1. 在进入视口之前将 svg 的不透明度设置为 0
2. 检测 SVG 何时开始进入视口
3. <g>根据滚动位置（向下滚动）顺序更改前两个块中每个路径的不透明度
4. 向上滚动时，顺序反转

我断断续续地尝试这样做了两天，除了失败什么都没有。我成功地使用了简单的 jquery 动画和 css 动画（见下面的代码），但无法让这些在滚动位置上播放得很好。

我有的另一个想法但后来意识到这将非常麻烦并且不能反向工作是有多个基于滚动位置的 if / else 但我不希望它有一个明确的数字，因为不同的分辨率这将不得不工作.

HTML：

CSS - 动画尝试 - 有效但无法控制 - 只是在加载时播放：

JS - 使用 .each();

因此，如果您采用上面的代码，它应该可以工作，是我无法正确控制它吗？您可以通过 CSS 看到，如果您手动将 .animIn 类添加到您想要在不使用 JQ 的情况下制作动画的所有元素中，这也有效。

我确实在这里找到了另一个帖子，其中 OP 遇到了与我类似的问题（有点），我试图调整标记为正确但也无法正常工作的代码？

这也是我写的，但如果我使用多个 IF 语句，我会发现这很痛苦：

任何人都可以帮我解决这个问题 - 一直在做我的大脑 - 很抱歉，因为我仍在学习 JS 和 JQ，所以如果有人能建议我正确的方向或提供一些解释和见解，我将非常感激。

有人可以帮助我我在滚动 GridView 时遇到问题我所做的是我从 API 显示 GridView 中的前 10 个产品。现在我需要的是 - 当用户滚动并获取列表的最后一个位置时，API 命中再次使用页面值 2 .. 并且滚动从用户所在的当前位置显示.. 现在显示数据并且适配器更改其值.. 但是当新 API 命中时滚动显示在顶部... 谁能告诉我该怎么办？？？真的很感激请帮助..

我所做的 -

xml文件

我在片段中使用 GridLayoutManager 作为 RecyclerView 的 LayoutManager，并且 RecyclerView 适配器由加载器填充。我尝试在设备旋转时存储和恢复 GridLayoutManager 的状态，但无法正常工作，并且仍然回到初始状态“RecyclerView 中的第一个元素”。

onSaveInstanceState 方法：

onViewStateRestored 方法：

onLoadFinished 方法：