加载时，页面会显示在页面底部

Question

我的问题是我的website。我的页面通常在Firefox中加载，但是当我使用Chrome或Safari时，它会进入页面的底部，我不明白为什么。我试着把下面的代码片段放在页面的开头，但没有运气。

<script> 

$(document).ready(function() { 
    $(document).scrollTop(0); 
}); 

</script> 

为什么页转到上装载的底部？

Answer 1

当去到您的网站，我重定向到http://www.ondinevermenot.fr/#start。这意味着该页面将尝试跳转到start元素。

然而，start元件绝对定位。因此，当页面尝试跳下时，start元素随之下移。因此该页面试图再次跳下去。然后start元素向下移动更多。当没有更多的空间时，他们会一直往下走，直到页面底部。

要解决它，不要重定向到#start当你的页面加载。

因为跳跃东西是绝对定位的陌生感，它可能在不同的浏览器处理方式不同。

Answer 2

尝试将图片和其他内容放入div中，并将div的box属性设置为margin：auto。适用于HTML5。

Answer 3

我有一个alturnative变通为您和柜面你需要去的页面的顶部 - 您可以使用此JavaScript作为一个alturnative：

((IJavaScriptExecutor)webapplication).ExecuteScript("window.scrollTo(0, document.body.scrollHeight 0)"); 

然而，另一种选择是设置一个启动属性：例如document.start（“body.height = 0”），这些行可能有效。

最好ID使用选择一个作为代码开始在一组高度broswer可能不适合所有浏览器都工作这么好。希望这可以帮助。

Answer 4

我在我的页脚有2个链接到我的主页。当我从页脚中删除链接时，问题就消失了。