jQuery -> поиск элементов и навигационный проход?

Question

Интересно, как я могу решить следующую проблему.

У меня есть горизонтальная полоса прокрутки с плавающими divs бок о бок (.picture_holder). Интересно, могу ли я найти() эти элементы и оживить событие прокрутки до начальной точки каждого изображения. Если я дойду до последнего div i, чтобы перейти к первому.

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

?? любые идеи, как я мог это решить?

Answer 1

Вы можете прокручивать по горизонтали в положение, используя функцию .scrollLeft() jQuery.

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

Если вы хотите анимированный, сделайте следующее:

Живой пример: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

Мое решение? Не изобретайте повторно scrollable.