嘿,社区 - 至少对我来说,这是一个艰难的人。也许那里有一些帮助。
我正在研究 整页垂直/水平滚动网站 这是Scrollto插件的供电。总的来说,所有人都可以正常工作,但是有些内容(例如Nivo滑块),滚动变得有些摇晃,例如Haky Ups。每次Nivo滑块都在更改图像时,并且如果您同时滚动时,就会发生这种情况。

我现在正在寻找一种在这种行为上平稳工作的方法,寻找一种方法来阻止Nivo滑块,而当他不在视口上,但是当他再次进入Vieport时,他再次使他再次工作。这样,我想他不会打扰任何滚动过渡。这是我作为新手的疯狂猜测,但是无论有什么帮助和建议都将不胜感激。这一切都是关于停止不同面板中包含的任何动态内容(例如横幅,画廊,滑块),如果它们不在视口中。

有任何想法吗?

有帮助吗?

解决方案

我从未使用过此插件,但是我认为您需要在该插件上 Nivo滑块首页. 。最简单的方法是在 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;
                    }
                }
    );
});
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top