Horiztonal Scrolling頁面

Question

我正在創建一個水平滾動頁面，我想知道什麼是最好的技術是讓每個內容div都集中在頁面上，而不是左對齊，因爲我一直使用我在Google中遇到的所有示例。

我曾嘗試這個代碼沒有運氣：

var wind = $(window).width(); 
    $(".section").width(wind); 
    $(window).resize(function(){ 
    var windRe = $(window).width(); 
    $(".section").width(windRe); 
}); 

Here is the example site。現在我只是想讓內容變得中心化。顯然，如果它不是水平滾動，我可以只是margin:0 auto。

我要尋找這樣的效果：http://refreshperspective.com/CLIENTS/unboxed/products.html

Answer 1

我相信你正在尋找做需要與溢出設置爲隱藏的包裝容器是什麼。然後你將有孩子誰將有自己的內容（內容將集中在他們的父母）

我創建了這個JS小提琴：http://jsfiddle.net/6hdZB/（點擊「動畫」按鈕！）這是超級簡單，已準備好更先進jQuery（處理動畫/循環！）但基本概念就在那裏！

祝你好運！