html - 导航到下一页时 Chrome (iOS) 中的奇怪自动滚动/跳转行为

Question

我有一个位置固定的标题。然后我有一些内容；一些带有一些文本的 div。

如果我:

1. 转到我网站的首页
2. 向下滚动
3. 点击任何链接

然后在下页面上，页面自动滚动了与地址栏大致相同的量!？

我不明白为什么它会自动滚动第二页 - 这与第一页无关？!

还有一件事更有趣。

如果我执行与上面完全相同的步骤，除了在单击任何链接之前我再次向上滚动(只是一点点)，那么下一页将正确加载布局而不会自动滚动/跳转!？

有什么线索吗？

Safari (iOS) 没有这个问题。

我已经搜索了 chromium 数据库和谷歌，但我只发现了其他类型的地址栏/滚动问题。这肯定是已知的？!

更新:

重现这一点的最快和最简单的方法是设置两个具有完全相同内容的 .html 页面，每个页面通过使用一个简单的 anchor 元素链接到另一个页面。这两个页面的内容应该是来自 bootstrap.com ( http://getbootstrap.com/examples/sticky-footer-navbar/ ) 的固定导航栏和页脚模板。完成该设置后，请执行以下操作:

1. 加载第 1 页
2. 滚动第 1 页
3. 点击第 2 页的链接
4. 滚动到第 2 页
5. 点击第 1 页的链接
6. 重复直到滚动位置偏移

这是间歇性发生的。我无法按命令复制它。尝试稍微向上滚动，这样您就几乎看不到多功能框重新出现和触摸单击链接。

看起来像素偏移等于多功能框的高度。

Answer 1

查看地址栏(或链接的“href”地址)中的地址(查询字符串)。
如果有#(文档片段目标) 然后浏览器将查找匹配 id 的元素(# 之后的文本)。
如果地址中有一个 #，后跟无文本，并且页面上有一个元素带有 id=""(空白 ID)——或者如果有重复的元素 ID 可能会导致浏览器试图找出滚动位置时出现不良问题。

还要查看任何“服务器包含”，特别是对于可能会干扰和禁用/注释掉这些内容的 JavaScript 和 CSS，以将问题作为“消除过程”策略进行调试。

如果以上方法均无效，则问题可能与“扩展/插件”相关或特定于设备。如果您有任何“帮助”工具作为浏览器扩展，它可能会干扰。尝试在另一个符合标准的浏览器(如 Chromium、Firefox、Safari、Opera 等)上测试它，无需额外的扩展。

最后，确保它不是特定于设备的；在其他设备或普通台式机/笔记本电脑/智能手机上进行测试，看看问题是否仍然存在；如果不是，则问题可能出在您用于测试的设备/软件上。