Question

嘿社区在那里 - 这里来了一个艰难的，至少对我而言。也许有一些帮助。
我正在开发一个整页垂直/水平滚动网站，由scrollTo插件提供支持。一般来说一切都运行良好且流畅，但有一些内容，如Nivo Slider，滚动变得有点摇摇欲坠，就像有了高潮。每当Nivo Slider改变图像并且你同时滚动时，似乎就会发生这种情况。

我现在正在寻找一种方法来顺利地解决这个问题，寻找一种方法来阻止Nivo Slider，当他不在视口中但是当他再次进入vieport时让他再次工作。这样，我猜他不会打扰任何滚动转换。这是我作为一个新手的疯狂猜测，但任何帮助和建议将非常感激。这一切都是为了阻止不同面板（如横幅，画廊，滑块）中包含的动态内容（如果它们不在视口中）。

任何想法？

Answer 1

我从未使用过此插件，但我认为您需要Nivo Slider homepage上的“启动和停止滚动条”部分。最简单的方法是在slideTo函数运行时禁用图像滑块，然后再启用它。这意味着您无需确定滑块是否可见。

E.g：

$('a.scroll').click(function(){
    $('#slider').data('nivo:vars').stop = true;

    $.scrollTo({top: 500, left: 200},    // target
                1000,                    // duration
                {                        // settings
                    onAfter:function() { // callback when scrolling is complete
                        $('#slider').data('nivo:vars').stop = false;
                    }
                }
    );
});

jQuery scrollTo插件 - 带有一些内容的抖动滚动 - 问题

1 个答案: