水平滾動圖像溢出問題

Question

我有這個文件，我想要創建一個水平滾動條來一次向左或向右移動一個圖像。 它的問題是，該組的圖像移動到左邊或右邊，但較上一或下按鈕

的HTML和CSS代碼結束了在的jsfiddle

$(document).ready(function(){ 
$("a.abc").click(function() { 
    $('.cmioProductThumbnail').animate({"left":"-=100px"},800) 
}); 
$("a.def").click(function() { 
    $(".cmioProductThumbnail").each(function(){ 
     $(this).animate({"left":"+=100px"},800) 

    }); 

}); 

}）;

http://jsfiddle.net/ZkXvX/
我該如何解決這個問題？任何幫助，將不勝感激。
謝謝

Answer 1

雖然是的jsfiddle完全無關你的問題的代碼，我敢肯定，你可以通過overflow: hidden;圍繞div包含您的圖像包裹固定大小div解決您的問題。