Firefox jquery scrollTo Flicker Bug

Question

Ich habe schon einige Threads hier über das Flimmern in Firefox gesehen, aber keine, die das Problem beschreiben, das ich habe.

Ich habe eine horizontale Scrolling-Website, feste Position Menüs und das Jquery-Plugin .ScrollTo Handhabung der nächsten und vorherigen Tasten. Dies funktioniert hervorragend in Chrome und Safari (weiß nicht über IE), aber in Firefox gibt es ein Flimmern jedes Mal, wenn Sie mit den Pfeilen in der oberen rechten Ecke nach rechts oder links scrollen.

See An Example Here

Ich habe versucht, alle Elemente einstellen, die eine feste Position haben zu Überlauf: Auto, aber das tat nichts. Ich bin nicht sehr vertraut mit JS oder Jquery, aber ich weiß genug, um Dinge zu ändern. Jede Hilfe würde sehr geschätzt werden!

Answer 1

Das Problem ist, dass Sie nicht die Standard-Browseraktion in Ihrer Klickfunktion abbrechen. Ändern Sie den Code dazu, und das Flimmern gehen weg:

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

Firefox versucht zu „blättern Sie zu dem #“ und animieren zur gleichen Zeit.

Answer 2

Gleich nach meinem Kommentar auf Seite Lesezeichen auf Dougs Post, ging das Licht in meinem Kopf an! Hoffnung, die Sie an Ihr Skript anpassen können, wenn Sie bookmarkability brauchen

<a href="#gohere" class="mylink">Click</a> 
... 

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