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

Question

Hey communautaire là-bas - est ici une question difficile, au moins pour moi. Peut-être il y a un peu d'aide là-bas.
Je travaille sur une pleine page verticalement / horizontalement site de défilement qui est powerd par le plug-in scrollTo. Dans l'ensemble général fonctionne bien et lisse, mais avec un contenu, comme le curseur Nivo, le défilement devient un peu fragile, comme avoir ups HIG. Il semble se produire chaque fois que le curseur Nivo change les images et si vous faites défiler en même temps.
Je suis maintenant à la recherche d'une façon de travailler en douceur autour de ce comportement, la recherche d'un moyen d'arrêter le curseur Nivo quand il est pas dans la fenêtre, mais fais-le travailler à nouveau quand il entre dans la vieport à nouveau. De cette façon, je pense qu'il ne perturberait aucune transition de défilement. Ceci est ma conjecture sauvage comme un débutant, mais quelle que soit l'aide et la suggestion serait beaucoup apprécié. Tout est d'arrêter tout le contenu dynamique est inclus dans les différents panneaux (comme des bannières, des galeries, des curseurs) si elles ne sont pas dans la fenêtre.
Des idées?

Answer 1

Je n'ai jamais utilisé ce plugin, mais je pense que vous avez besoin de la section « Démarrage et arrêt du Scroller » sur le Nivo curseur Page d'accueil . La meilleure façon de le faire serait de désactiver le curseur d'image alors que la fonction slideTo est en cours d'exécution et l'activer à nouveau par la suite. Cela signifie que vous ne pas avoir à travailler 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;
                    }
                }
    );
});