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

Question

嘿社区在那里 - 这是一个艰难的，至少对我来说。也许那里有一些帮助。
我正在开发一个由 scrollTo 插件提供支持的垂直/水平滚动网站。总的来说，一切都运行良好且流畅，但对于一些内容，如 Nivo Slider，滚动变得有点不稳定，就像有 hig ups 一样。似乎每次 Nivo Slider 更改图像并且您同时滚动时都会发生这种情况。

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

有任何想法吗？

Answer 1

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

例如：

$('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;
                    }
                }
    );
});