Javascript jQuery插件Scrollorama计时错误

我用jQuery插件scrollorama做了一个小例子：

(function($){
  $(document).ready(function() {
        var scrollorama = $.scrollorama({
            enablePin:false,
            blocks:'.scrollblock'
        });
        scrollorama.animate('#example1', {
            start:0,         
            duration:400,           
            property:'opacity'
        })
    });
})(jQuery);

这就是我称之为scrollorama的地方：

(function($){
  $(document).ready(function() {
        var scrollorama = $.scrollorama({
            enablePin:false,
            blocks:'.scrollblock'
        });
        scrollorama.animate('#example1', {
            start:0,         
            duration:400,           
            property:'opacity'
        })
    });
})(jQuery);

现在在文档中你可以阅读了

“动画设置为滚动块顶部位于浏览器窗口底部时开始”

但根据屏幕的宽度，动画的开始完全不同。我知道动画应该在什么时候开始。滚动块开始进入屏幕

---

我在这里做错了什么？

我想说，这是因为段落是流动的。固定的with将有助于保持动画开始的一致性，因为当您调整窗口大小时，页面高度会发生更改。如果使用新宽度刷新页面，则动画应相对于新宽度和高度一致地开始

---

如果您想允许调整浏览器的大小，那么我建议您为页面重新实例化scrollorama。

只需添加一个负延迟，就可以解决这个问题

(function($){
$(document).ready(function() {
    var scrollorama = $.scrollorama({
        enablePin:false,
        blocks:'.scrollblock'
    });
    scrollorama.animate('#example1', {
        delay: -200,
        start:0,         
        duration:400,           
        property:'opacity'
    })
});

---

请将您的演示放在现场服务上，如；一个原始的要点并不比将代码粘贴到这里更好（你也应该这样做。）我无法将scrollorama原始js集成到JSFIDLE中？请看以下内容：…@Mike。如果可以的话，仅限相关部分。