刷新页面后，Skrollr中断

Question

My website使用Skrollr在主页面的背景上创建视差效果。它完美运行......除非你刷新页面：

如果您访问该网站，您会看到背景以与内容不同的速度滚动，并且它们都在页面底部结束。但是，如果刷新页面，背景将停止向下滚动一半。我认为背景div的播出速度比平常快得多，并且很快就会陷入低谷。如果您单击离开页面然后导航回它，它可以正常工作。问题出在刷新上。

以下是背景div的代码：

<div id="background" class="skrollable"
     <?php if (is_page('the-couple')) { ?>
        data-0="background-position:0% 0%;"
        data-end="background-position:0% 100%;">
    <?php } else { ?>
        data-0="background-position:0% 100%;"
        data-end="background-position:0% 100%;">
    <?php } ?>
</div>

我在window.load上试过刷新skrollr，但它似乎没有解决问题。有没有其他人遇到这个？任何解决方案？

Answer 1

我没有使用Skrollr，但我认为这就是：

您从cdnjs.cloudflare.com加载脚本。此加载是异步的。您可能在脚本上设置了滚动速度，并且首先加载了该滚动速度。 在之后加载了来自cloudfare的脚本，并且可能设置为默认速度。

第二次加载页面时，两个脚本都是从缓存加载的，而cloudfare脚本可能是之前加载的。

解决方案：

1. 从cloudfare下载脚本并将其包含在您的页面之前速度设置中。首先将它作为第一次测试首先移动。

2. 在页面加载时设置速度和调用功能。