我正在创建一个水平滚动页面,我想知道让每个内容 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
最佳答案
我相信您要执行的操作需要一个将溢出设置为隐藏的包装容器。然后你会有 child ,他们将拥有自己的内容(内容将以他们的 parent 为中心)
我创建了这个 JS Fiddle:http://jsfiddle.net/6hdZB/ (点击“动画”按钮!)它非常简单,可以使用更高级的 jQuery(处理动画/循环!)但基本概念就在那里!
祝你好运!
关于jquery - 水平滚动页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9612698/