Firefox jquery scrollTo bug de scintillement

J’ai vu pas mal de discussions ici parler de scintillement dans Firefox, mais aucune ne décrit vraiment le problème que je rencontre.

J’ai un site Web de défilement horizontal, des menus à positions fixes et le plugin jquery .scrollTo qui gère les boutons suivants et précédents. Cela fonctionne très bien dans Chrome et Safari (je ne sais pas pour IE), mais dans Firefox, il y a un scintillement à chaque fois que vous faites défiler l’écran de droite à gauche avec les flèches situées dans le coin supérieur droit.

Voir un exemple ici

J’ai essayé de régler tous les éléments qui ont une position fixe sur le débordement: auto mais cela n’a rien fait. Je ne connais pas très bien JS ou Jquery mais j’en sais assez pour changer les choses. Toute aide serait grandement appréciée!

Le problème est que vous n’annulez pas l’action de navigateur par défaut dans votre fonction de clic. Changez votre code en ceci et le scintillement disparaîtra:

$(function(){ $(".next").click(function(e) { $.scrollTo( '+=1000px', 600 ); e.preventDefault(); }); $(".prev").click(function(e) { $.scrollTo( '-=1000px', 600 ); e.preventDefault(); }); });

Firefox tente de “faire défiler vers le # ” et d’animer en même temps.

Juste après mon commentaire sur la mise en favori de la page sur le post de Doug, la lumière dans ma tête s’est allumée! J’espère que vous pourrez vous adapter à votre script si vous avez besoin de bookmarkability

 Click ... $('.mylink').click(function(e) { e.preventDefault(); var anchor = $(this).attr('href'); $.scrollTo(anchor, 1000, { onAfter: function(){ location.hash = anchor; } }); });