jquery -> trouver des éléments et naviguer à travers?

Question

Je me demande comment je peux résoudre le problème suivant.

J'ai une barre de défilement horizontale avec des divs flottants côte à côte (.picture_holder). Je me demande si je peux trouver() ces éléments et animer un événement de défilement au point de départ de chaque image. Si j'atteins la dernière div je le fais défiler jusqu'au premier.

# 
$('.next').click(function(){ 
# 
$('html, body').animate({scrollTo:Position von .picture_holder2}, 'slow'); 
# 
}); 

?? des idées comment je pourrais résoudre cela?

Answer 1

Vous pouvez faire défiler horizontalement jusqu'à une position à l'aide de la fonction .scrollLeft() de jQuery.

http://api.jquery.com/scrollLeft/

Si vous voulez animé, faites ceci:

Un exemple concret:http://jsfiddle.net/b5Xps/

$('.next').click(function(){ 

     // Get left offset position of the target 
    var leftPosition = $('.picture_holder2').offset().left; 

     // animate the scrollLeft property to that position 
    $('html,body').animate({scrollLeft: leftPosition }, 1000);​ 

}); 

Answer 2

Ma solution? Ne pas réinventer le scrollable.