Skrollr过于生涩

Question

我一直在Skrollr网站上工作，但它似乎变得过于生涩。我已经开放了开发工具，并且发现了一些非常慢的帧，但我没有足够的知识来追踪到底出现了什么问题。

我的观察是：

• 向下滚动比向上慢
• 间歇性地说它绝对没问题

到目前为止，我已尝试了一些事情

• 鉴于第一段是一个translateZ值，试图将油漆分开（我不知道这是否正确 - 我真的非常知识！）
• 要去除相对动画（数据 - 上下等），这可能会减慢速度，但在将所有内容更改回静态数字（数据1000等）之后，它仍然几乎完全相同

任何人都可以对此有所了解吗？网址为http://fieldviewfestival.co.uk/500 ...加电！

Answer 1

我想我已经修好了！

当skrollr启动时，webfonts没有完全加载。初始化后我添加了一个

$(window).load(function(){

在我刷新skrollr的地方，我添加了以下内容：

s.refresh();

我认为主要的问题是页面的高度不是由skrollr开始计算的。

此外我还有一个奇怪的滚动条（所以身体和html上的滚动条），skrollr没有删除所以我也添加了上面的功能

 $(window).trigger('resize');

最终的初始化看起来像这样：

var s = skrollr.init();

$(window).load(function(){
    // console.log("Loaded");
    $(window).trigger('resize');
    s.refresh();
});

NB 我做的傻错，不要使用函数$(document).load(