jquery - ＆gt;寻找元素并浏览？

Question

我想知道如何解决以下问题。

我有一个水平滚动条，浮动div并排（.picture_holder）。我想知道我是否可以找到（）这些元素并将滚动事件设置为每个图像的起点。如果我到达最后一个div我就滚动到第一个div。

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

??任何想法我怎么能解决这个问题？

Answer 1

我的解决方案？不要重新发明scrollable。

Answer 2

您可以使用jQuery的.scrollLeft()函数水平滚动到某个位置。

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);​

});