视差滚动在 Chrome 上无法始终如一地工作。

Question

我正在开发一个带有视差滚动的网页。我的本地主机上的一切看起来都很棒，但是一旦我将页面上传到我的服务器，视差滚动就无法始终如一地工作。

一旦进入服务器，它就不能始终如一地工作，因为在浏览器窗口中以不同速度移动的对象开始太快了。

奇怪的是，如果我刷新页面视差按预期工作，但如果我再次刷新它会回到以前的版本。然后，如果我再次刷新它再次工作......

我只在 Chrome（默认和隐身浏览器）遇到这个问题

还有其他人遇到过这个问题吗？我在这里发疯了。我非常感谢有关如何解决此问题的任何帮助。

Answer 1

我对发生的事情的第一个猜测，（根据我的经验）：

大多数浏览器会缓存内容（如 Javascript 和 CSS），因此它们不必不断重新加载并加快页面加载时间。

当您多次（快速）刷新页面，或者当您按住 shift 键并按下刷新按钮时，大多数浏览器将重新加载所有内容（您更改的 javascript），而不仅仅是 HTML。这意味着您应该重新加载新更改的 javascript 并使用您可能已更改的任何 HTML。

我在开发网站时遇到了这个问题。我希望这会有所帮助。