javascript - Bootstrap4 navbar 导致 JQuery 的 parallax.js 出现问题？

Question

首先，我真的不知道如何描述我的问题。所以，我请你在开始时检查我的 JSFiddle Code Playground。

https://jsfiddle.net/coming123/q46tjuev/

要查看问题，我希望您以较低的宽度运行这个游乐场。然后，点击左上角的“navbar-toggler”，这是Bootstrap4自己提供的，我有点设计的。单击它时，导航栏将在右侧从上到下出现。问题出现在这一点上。

这个导航栏使背景变得更高，并使其他内容移动到底部。滚动页面，您会看到出现了一个错误。背景变高了，但视差效果被打破了。现在您应该通过从侧面拉或推来调整该区域的大小。只需稍微调整大小即可修复此错误。我担心的是在手机上，您无法调整浏览器的大小。所以这个bug不会被修复。我也不希望它以这种方式修复。我不明白为什么会出现这个问题。

当您单击导航栏切换器时，我试图让 div 重新加载，但没有任何修复。

document.querySelector("button").addEventListener("click", () => {
var container = document.getElementsByClassName("top");
var content = container.innerHTML;
container.innerHTML= content;  
console.log("Done");
});

有什么建议吗？

标签： javascripthtmljquerycssbootstrap-4