Javascript 添加bg时，粘性导航不平滑

我一直在尝试做一个粘性导航，首先在底部有一个绝对位置，但是当用户滚动

100vh

时，粘性导航会固定在顶部

现在，我已经让它工作得有点好了，但是当我在我的部分中添加一个图像背景时，导航有点像“弹出”到顶部，而不是一个平滑的过渡。只有在我向部分添加背景图像时才会发生这种情况

带图像背景：
无图像背景：

---

整晚都在试图解决这个问题，但没有成功。

告诉我们问题所在。链接请它似乎是为我工作的两个链接。您遇到的“弹出”问题可能与图像文件非常大（8.1MB）有关。请尝试将文件保存到web或对其进行优化，以使文件大小小得多。帖子中有链接，但现在您可以开始了：@MattO'Connell将尝试这样做。然而，这个问题也发生在我的桌面上。如果问题出在图像的大小上，那么它在桌面上是否可以正常工作？向我们展示问题所在。链接请它似乎是为我工作的两个链接。您遇到的“弹出”问题可能与图像文件非常大（8.1MB）有关。请尝试将文件保存到web或对其进行优化，以使文件大小小得多。帖子中有链接，但现在您可以开始了：@MattO'Connell将尝试这样做。然而，这个问题也发生在我的桌面上。如果问题出在图像的大小上，它在桌面上是否可以正常工作？