jQuery scrollTo plugin - défilement avec un peu de contenu - Problème

Question

Hey communauté là-bas - ici vient un dur, au moins pour moi. Peut-être qu'il y a de l'aide là-bas.
Je travaille sur un site Web défilant verticalement/horizontalement sur la page qui est alimenté par le plugin scrollTo. En général, tout fonctionne bien et en douceur, mais avec un peu de contenu, comme le Nivo Slider, le défilement devient un peu instable, comme si vous aviez des gros plans. Cela semble se produire chaque fois que le Nivo Slider change les images et si vous faites défiler en même temps.

Je suis maintenant à la recherche d'un moyen de contourner ce problème, en cherchant un moyen d'arrêter le Nivo Slider quand il n'est pas dans la fenêtre, mais de le faire recommencer quand il reviendra dans le vieport. De cette façon, je suppose qu'il ne perturberait pas la transition de défilement. C'est ma conjecture sauvage en tant que débutant, mais toute aide et suggestion serait grandement appréciée. Il s'agit d'arrêter tout contenu dynamique inclus dans les différents panneaux (comme les bannières, les galeries, les curseurs) s'ils ne sont pas dans la fenêtre d'affichage.

Des idées?

Answer 1

Je n'ai jamais utilisé ce plugin, mais je pense que vous avez besoin de la section "Start and Stop the Scroller" sur le Nivo Slider homepage. La façon la plus simple de le faire serait de désactiver le curseur d'image pendant que la fonction slideTo est en cours d'exécution et de l'activer à nouveau par la suite. Cela signifie que vous n'aurez pas à déterminer si le curseur est visible ou non.

.: par exemple

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