试图让scrollTo水平工作

我试图让jQuery scrollTo插件水平工作，所以我把一个小jsfiddle放在一起。

http://jsfiddle.net/P9B5y/15/

现在，没有javascript，它只是替换每个图像（img 1，img 2等），但是一旦jQuery被创建它就不会触发。

任何帮助将不胜感激！

Answer 1

根据您的评论：

我会让每个id =“image＃”水平滚动，然后替换，而不仅仅是替换。 像这样; jsfiddle.net/P9B5y，除了会有一个截止，只允许在一个特定时间显示一个id，与某些等待相反

我不相信scrollTo插件是你想要的。 我相信你想要的是创建一个视口，并为视口后面的列表设置动画，就像这个http://jsfiddle.net/7SLrL/1/ ：

HTML：

JQuery的

 $('#nav li').click(function(){ var _this = $(this); $('#viewport ul').animate({ left: -1* _this.index() * $('#viewport ul li').eq(_this.index()).children('img').width() },500); }); 

CSS：

 #viewport { width:350px; height:350px; overflow:hidden; margin-bottom:10px; border:1px solid #000; } #nav { width:350px; height:40px; } #viewport ul { padding:0; margin:0; width:1400px; /* 350px per photo * 4 photos*/ position:relative; } #viewport img { width:350px; height:350px; } #nav img { width:40px; height:40px; cursor:pointer; } li { float:left; }