html - 加载时页面跳动了几个像素

Question

我注意到我的网站在加载时跳动了几个像素...一直试图找出原因，但我已经结束了。如果有人能帮我解决这个问题，我将不胜感激。它在 All In One Map Link 上非常明显。这是站点链接:MoreOutdoors.net

Answer 1

跳转是页面加载时出现的浏览器垂直滚动条。

尝试将此添加到您的 CSS 中:

html {
       overflow-y: scroll;
}

这将强制垂直滚动条出现在页面加载开始时。

另一种选择是在页面加载之前不显示任何内容。这是不可取的，但您可以在此处找到更多信息: How can I make the browser wait to display the page until it's fully loaded?