javascript - 网站没有完全滚动到顶部

标签 javascript html css

我遇到了一个奇怪的问题,甚至无法诊断是什么导致了它。我正在我教授的网站上工作:jurgec.net

问题仅出现在移动网站上。如果您单击其中一个链接,例如“我是一名本科生”,然后向下滚动一点,然后按返回,该网站不会完全位于页面顶部。您可以在底部看到一些黄页。

我有一种感觉,因为每个部分的高度取决于浏览器的屏幕尺寸。由于在移动 chrome 上,向下滚动会导致 URL 栏消失,它会改变浏览器的高度,从而破坏网站部分的大小。

非常感谢任何帮助!

最佳答案

这是因为后退按钮会将您返回到您所在网站的先前“状态”。如果您向下滚动,它将转到您点击时所在的部分。

$(document).ready() 函数是否在按下后退按钮后触发?如果他们这样做(目前不确定),您可以做这样的事情。

$(document).ready(function(){
  scroll(0,0) 
});

如果这有效,应该不会真正影响您,因为在初始页面加载时您已经在 (0,0),所以您不会注意到任何跳跃。不确定这是否适合您,但祝您好运!

关于javascript - 网站没有完全滚动到顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40922791/

相关文章:

可以容纳 div 的未对齐网格的 CSS 框架

javascript - VueJS : Delete multiple tasks. 每个任务一个请求?

javascript - Node js 中的时分和秒的日期时间差异 moment.js

javascript - 使用 jQuery Mobile 表单,我应该将验证消息放在哪里?

javascript - 为什么这个简单的代码不能在 JSfiddle 上运行?

css - 像谷歌这样的 Material 设计精简版中的搜索框

html - 为什么<ul>常用来构建网站导航?

javascript - 如何从客户端 JavaScript 从 cloudinary 获取我的图像列表?

javascript - 使用箭头键导航

html - 在 CSS 中发布构建悬停菜单