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 Fiddle：http://jsfiddle.net/6hdZB/（单击“Animate”按钮！）它非常简单，可以使用更高级的jQuery（处理动画/循环！）但基本概念就在那里！ / p> 祝你好运！

水平滚动页面

1 个答案: