我有一个固定头位置。然后我有一些内容;一些div有一些文字。
如果我:
然后在 next 页面上,页面自动滚动的数量与地址栏大致相同!?
我不明白为什么它会自动滚动第二页 - 这与第一页无关?!
这是一件更有趣的事情。
如果我执行与上面完全相同的步骤除了在点击任何链接之前我再次向上滚动(只是一点点)然后下一页将正确加载布局而没有自动滚动/跳转!?
任何线索?
Safari(iOS)没有这个问题。
我已经搜索过chrome数据库和Google,但我只发现了其他类型的地址栏/滚动问题。当然这个是众所周知的?!
更新:
最快速和最简单的方法是使用简单的锚元素设置两个具有完全相同内容的.html页面,每个页面链接到另一个页面。两个页面的内容应该是bootstrap.com(http://getbootstrap.com/examples/sticky-footer-navbar/)中固定的导航栏和页脚模板。完成设置后,请执行以下操作:
间歇性地发生这种情况。我无法在命令中重现它。尝试稍微向上滚动,以便您几乎看不到多功能框重新出现并触摸链接。
看起来像是像素偏移量等于多功能框的高度。
答案 0 :(得分:2)
查看地址栏中的地址(查询字符串)(或" href"链接地址)。
如果有#
(文件 - 片段目标)然后浏览器将查找与id
匹配的元素(#
后面的文本)。
如果地址中有#
后跟无文字,并且页面上有一个元素id=""
(空白ID) - 或者如果有重复的元素ID,那么它可能会导致不良问题,因为浏览器会尝试找出滚动的位置。
还要查看任何"服务器包含",特别是对于可能会干扰和禁用/注释掉这些问题的JavaScript和CSS,以便将问题调整为"消除过程& #34;战术。
如果以上都不起作用,那么问题可能是"扩展/插件"相关的或特定于设备的。如果你有任何帮助"作为浏览器扩展的工具可能会干扰。尝试在另一个符合标准的浏览器(如Chromium,Firefox,Safari,Opera等)上进行测试,无需额外扩展。
最后,确保它不是特定于设备的;在其他设备或普通台式机/笔记本电脑/智能手机上进行测试,看看问题是否仍然存在;如果没有,那么问题可能出在您用来测试的设备/软件上。
答案 1 :(得分:1)
检查您的滚动锚定是否已禁用。 对于Google Chrom,请在网址中输入 “铬://标志/#启用-涡旋锚定”
如果您不希望浏览器锚定到滚动位置,请确保它未打开。