css - chrome 和 firefox 中带和不带滚动条的 margin auto 不一样

Question

我之前读过一些问题，但找不到完全解决这个问题的答案。我必须将其中一个区域包含一个 iframe 和其他显示播放器来播放音乐。我正在使用 margin auto 并且它工作正常但不适用于垂直滚动条。 我试图始终显示滚动条，但在某些情况下内容足够短以致于不显示滚动条。 我正在尝试 javascript 解决方案:

var w =     window.innerWidth;
if(!w){
    w = document.documentElement.offsetWidth; // for IE
}
var outsize = parseInt(Math.round((w-1000)/2));
$("#body-content").css({'margin':'0 '+outsize+'px'});
$("#player",parent.document).css({'margin':'0 '+outsize+'px'});

获取窗口的宽度并重新设置内容和播放器的边距。但是第一次它稍微移动了几个像素。它的样子非常难看。 这里的任何人对此都有不同的解决方案，请帮助我!

Answer 1

将以下内容添加到您的 css 文件中是否有帮助？

body {
    overflow-y: scroll;
}

它应该始终显示滚动条，如果内容小于屏幕则显示为灰色，并在页面变高时激活。