Slide to show more content overflowing on div

Question

我試圖做一個完全定製的Facebook「Like-Box」。我想要這個固定寬度的div，並且能夠向左或向右滑動以顯示更多的面孔（我更喜歡ajax，但這似乎不可行，或者是否？）。

如果沒有ajax的方式來加載更多的面孔，我想預加載，比方說，50面孔，在這個小div，並按左或右從div內滑動更多的內容（面孔）。

Answer 1

您可以通過設置的div scrollLeft屬性在JavaScript做到這一點。或者，如果使用jQuery，可以使用scrollLeft方法。

IE：$("#myDiv").scrollLeft(250);

jQuery的API：http://api.jquery.com/scrollLeft/

Answer 2

您可以使用類似這樣的：

    slideContent: function(obj) { 
     var margin = $(".myDiv").width(); 
     margin = margin * ($(obj).prevAll().size() - 1); 
     margin = margin * -1; 

     $(".tabslider").stop().animate({ 
      marginLeft: margin + "px" 
     }, { 
      duration: 300 
     }); 

全部代碼在這裏： http://www.gayadesign.com/scripts/tabbed/

這樣，它只是增加了保證金到幻燈片左側距離