JQuery -> поиск элементов и навигация?

Question

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

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

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

?? какие-нибудь идеи, как я мог решить это?

Answer 1

Мое решение? Не изобретайте прокручиваемый .

Answer 2

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

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

Если вы хотите анимировать, сделайте это:

Live Пример: 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);​

});