jquery - 水平滚动页面

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

我相信您要执行的操作需要一个将溢出设置为隐藏的包装容器。然后你会有 child ，他们将拥有自己的内容(内容将以他们的 parent 为中心)

我创建了这个 JS Fiddle:http://jsfiddle.net/6hdZB/ (点击“动画”按钮!)它非常简单，可以使用更高级的 jQuery(处理动画/循环!)但基本概念就在那里!

祝你好运!