Javascript 如何使包装器Div居中并补偿滚动条？

我没有找到任何真正的答案。强制滚动条始终存在是不可接受的解决方案，依我看。当您将包装器div居中并自动设置边距时，当滚动条出现时，您如何补偿

---

谢谢

您需要将

视口

高度与

文档

高度进行比较。如果

viewport

，则滚动条可见，您需要调整居中代码以允许使用~20px滚动条

var viewportHeight = $(window).height();
var documentHeight = $(document).height();

if (viewportHeight < documentHeight ) {
    alert("Vertical scrollbar visible");
    // adjust container centralisation to account for scrollbar
}
else {
    alert("Vertical scrollbar not visible");
}    

var viewportHeight=$（窗口）.height（）；
var documentHeight=$（document）.height（）；
if（视口高度<文档高度）{
警报（“垂直滚动条可见”）；
//调整容器的中心位置以考虑滚动条
}
否则{
警报（“垂直滚动条不可见”）；
}    

您需要将其放入在

$（窗口）上调用的函数中以便在调整浏览器窗口大小时更新

Java？标签应该是JavaScript吗？函数的一个例子是什么？下面是我的包装CSS:#包装{右边距：自动；左边距：自动；溢出：隐藏；宽度：890px；边距顶部：20px；高度：自动；}