我正在使用JQuery Tools Scrollable来构建一个整页宽度的可滚动表单，这样表单的每个页面都会一直滚动到页面上，取而代之的是从右边滑入的下一页。
我遇到的问题是如何在浏览器大小调整和浏览器内缩放（Ctrl +/-）中使每个页面居中，以便保持居中。我的代码基于：http://flowplayer.org/tools/demos/scrollable/site-navigation.html
我尝试将代码包含在这样的div中：
<div style="margin-left:-440px; padding-left:50%; width:50%; min-width:880px;">
但是，因为这个div本身位于页面的中间，所以滚动页面不会一直滑到左边缘 - 它们在div的边缘切出约30％的距离，这看起来很糟糕
我能想到的唯一结论是动态地改变我在div class =“items”上定义的余量 - 以确保它总是等于50％ - 440px但不小于0.
如何使用javascript完成此操作？
答案 0 :(得分：0)
是容器div的绝对位置还是相对位置？如果它有一个特定的宽度，让我们说“800px”，然后水平居中很容易左右自动边距，例如margin: 0 auto。否则它就会变得棘手。
如果你想在Javascript中响应调整大小，在jquery中我会做类似$(window).resize(function() {})（docs here）的内容，并且在处理函数内部更新CSS中的一些值。如果您只想增加宽度但仍有自动边距，则可以选择div并更新宽度属性，例如$('.mydiv').css('width', '900px');。每次调整窗口大小时都会触发。