当我滚动我的网站时，当它越过我页面的某个部分时它会卡住。如何修复粘附卷轴？

Question

因此，当我从着陆页向下滚动时，它停留在下一部分。我不确定发生了什么。在我的网站底部还有一个白条，我无法摆脱它。如何修复滚动到某个部分时看起来 "stick" 的问题，以及如何修复页脚底部的白色 space？这是我创建的 link 和 github 来展示我正在处理的内容，太多的代码无法在此处复制和粘贴以获得好的答案

https://github.com/OakHarbor/mapletest

Answer 1

棍子问题

请保持固定背景滚动。

对于页脚白条

如果您想从页脚中删除白条，请从#footer id 中删除top: -50px 并使用margin-top: -50px 代替此，现在它将被修复。

Answer 2

我检查了网站，问题是你在背景中使用了非常大的大图像，像 "wood1.jpg" 这样的图像分辨率为 6000x4000px 这与其他图像 "wood2.jpg"几乎有 8200x5500 像素，只有这张图片有 12mb，这是整个页面大小的 4 倍，所以当您滚动页面时，该图片开始加载，因此 "sticks" 是正在加载的页面。 你的图像应该是 800x400 甚至更小，不要忘记优化它们网络上有工具可以删除所有不必要的元信息检查这里 https://imagecompressor.com

而你的 "white bar" 是你在你的标签中设置了一个 id html "noScroll" 并且这个 css 被应用于它，基本上这允许你访问有滚动条的内容，如果你不需要这个功能就把它去掉白条就会消失

#noScroll {
    overflow: scroll;
}