使用JQuery在水平滚动页面内水平居中内容

Question

我有一个包含3个内容区域的页面（带有“section”类的div）。

http://refreshperspective.com/CLIENTS/unboxed/products.html

我正在使用JQuery水平滚动到这三个div。我遇到的问题是在调整窗口大小时将div中的内容保持在中心位置。我一直在使用以下代码：

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

这适用于加载的第一个div（主屏幕），但是当您向右滚动到三个div中的另一个时失败。

当调整这些大小时，div会从中心移开（当窗口调整到更宽的右侧时向右移动，反之亦然）。关于如何让其他两个内容区域保持中心的任何想法（应该与底部的导航保持内联，绝对定位）就像第一个加载的div一样棒。

Answer 1

问题是在CSS中，您已使用简单边距定义了部分。使用旨在处理窗口大小更改的elastic CSS layout会更好。看一下使用

margin:0 auto;

在你的包装CSS类中，这应该会让它变得更容易。您可能还需要考虑将这三个部分保留在一个div中并将其滚动到一个大块中。

好看的网站，顺便说一句！