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

Ciao, Im cercando di animare e facilitare lo scorrimento incrementale eleft innescato sopra, ma faticando un po ', tutto l'aiuto sarebbe molto apprezzato, graziejquery animato o la facilità di scorrimento sinistra incremento

risposta

23

È possibile utilizzare la .animate() Funzione:

$('body').animate({ scrollLeft: '+=50' }, 1000, 'easeOutQuad'); 
  • il primo parametro imposta il valore che si desidera animare. È possibile utilizzare qualcosa come +=value o -=value per animare dal valore corrente (come un offset).
  • Il secondo parametro è il tempo in cui l'animazione è in esecuzione.
  • E il terzo è l'andamento, se si sta utilizzando un plug-in di andamento.

Vedere jQuery-Docs: ".animate()" per ulteriori informazioni.

+0

grazie mille questo è davvero utile – gilesadamthomas

Problemi correlati