Frage

Hey Gemeinschaft gibt - hier kommt eine schwierige Frage, zumindest für mich. Vielleicht gibt es etwas Hilfe da draußen.
ich auf ganzen Seite arbeitete vertikal / horizontal scrollen Website , die powerd durch das scrollTo Plugin ist. Im Allgemeinen alles funktioniert gut und glatt, aber mit einigen Inhalten, wie der Nivo Slider, wird das Scrollen ein bisschen wackelig, wie hig ups hat. Es scheint, jedes Mal, das Nivo Slider verändert sich die Bilder passieren, und wenn man sich gleichzeitig scrollen.
Ich suche jetzt nach einem Weg zur Arbeit reibungslos dieses Verhalten um, nach einem Weg zu dem Nivo Slider zu stoppen, wenn er nicht im Ansichtsfenster, sondern mache ihn wieder arbeiten, wenn er wieder in den vieport kommt. So denke ich, dass er keine Rolle im Übergang stören würde. Das ist meine wilde Vermutung als Neuling, aber jede Hilfe und Anregung würde sehr geschätzt werden. Es ist alles zu stoppen, was dynamische Inhalte zu den verschiedenen Panels enthalten ist (wie Banner, Galerien, Schieber), wenn sie nicht im Ansichtsfenster sind.
Irgendwelche Ideen?

War es hilfreich?

Lösung

Ich habe noch nie dieses Plugin verwendet, aber ich glaube, Sie brauchen die „Start und Stopp der Scroller“ auf der Nivo Slider Homepage . Der einfachste Weg, dies zu tun wäre, um das Bild Schieber zu deaktivieren, während die slideTo Funktion wird ausgeführt und ermöglicht anschließend wieder. Das heißt, Sie würden nicht arbeiten, ob der Schieber sichtbar ist oder nicht.

Z. B:.

$('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;
                    }
                }
    );
});
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top