2012-08-15 3 views
5
$(document).ready(function(){ 
    $("#right_arrow").click(function(e) { 
     var scrollleftvar = $(window).scrollLeft(); 
     e.preventDefault() 
     $("body").scrollLeft(scrollleftvar + 50); 
    }); 
}); 

Hallo, ich bin versucht, die inkrementelle scroll eleft oben ausgelöst zu animieren oder zu erleichtern, aber ein wenig, jede Hilfe zu kämpfen würde wirklich geschätzt, dankejquery belebter oder erleichtern scroll left Schritt

Antwort

23

Sie können die Verwendung .animate() -function:

$('body').animate({ scrollLeft: '+=50' }, 1000, 'easeOutQuad'); 
  • Der erste Parameter legt den Wert, den Sie animieren möchten. Sie können etwas wie oder -=value verwenden, um vom aktuellen Wert zu animieren (wie ein Offset).
  • Der zweite Parameter ist die Zeit, zu der die Animation ausgeführt wird.
  • Und die dritte ist die Erleichterung, wenn Sie ein Beschleunigungs-Plug-in verwenden.

Weitere Informationen finden Sie unter jQuery-Docs: ".animate()".

+0

vielen dank, das ist wirklich hilfreich – gilesadamthomas