javascript - jQuery 插件 Scrollorama 错误时机

Question

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

http://jsfiddle.net/DcSjB/

这就是我调用scrollorama的地方:

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

现在您可以在文档中阅读

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

但是动画开始时根据屏幕的宽度完全不同。我知道动画应该在 .scrollblock 开始进入屏幕时开始。

我在这里做错了什么？

Answer 1

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

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