【发布时间】:2017-07-09 15:48:08
【问题描述】:
我有一个位置固定的标题。然后我有一些内容;一些带有一些文本的 div。
如果我:
- 转到我网站的首页
- 向下滚动
- 点击任意链接
然后在下一页页面上,页面已经自动滚动了与地址栏大致相同的量!?
我不明白为什么它会自动滚动第二页 - 这与第一页无关?!
还有一件更有趣的事情。
如果我执行与上述完全相同的步骤,除了在单击任何链接之前我再次向上滚动(只是一点点),那么下一页将正确加载布局而不会自动滚动/跳转!?
有什么线索吗?
Safari (iOS) 没有这个问题。
我已经搜索了 chromium 数据库和谷歌,但我只发现了其他类型的地址栏/滚动问题。这个肯定是已知的吧?!
更新:
重现此问题的最快和最简单的方法是设置两个内容完全相同的 .html 页面,每个页面使用一个简单的锚元素链接到另一个页面。两个页面的内容应该是来自 bootstrap.com (http://getbootstrap.com/examples/sticky-footer-navbar/) 的固定导航栏和页脚模板。完成该设置后,请执行以下操作:
- 加载页面1
- 滚动页面1
- 点击第 2 页的链接
- 滚动页面2
- 点击第 1 页的链接
- 重复直到滚动位置偏移
这种情况会间歇性发生。我无法根据命令复制它。尝试稍微向上滚动,以便您几乎看不到多功能框重新出现并且点击链接。
看起来像素偏移量等于多功能框的高度。
【问题讨论】:
-
请添加一些代码.. sn-p 和/或小提琴对于重现问题非常有用。另外你用的是什么版本的chrome?请详细说明您的问题
-
这可能是由 Chrome 56 中引入的滚动锚定引起的。这可以防止页面在加载内容时上下跳跃。你能降级到旧版本并仍然重现这个吗?
-
更新示例
标签: html ios css google-chrome