文档首页在 Windows 下切换公开课与文档产生的样式问题

[nervouna]

由于文档页面较长，视频公开课页面较短，因此在 Windows 下文档页面会因为右侧出现的滚动条而让整个页面宽度变短。

这种情况下，由于文档首页中的元素多为居中排列，整个页面宽度的变化会导致居中元素产生水平位移。

Mac 下由于滚动条自动隐藏，因此感知不到。Windows 下很明显。

[myleslee]

在 Windows 10 的 IE Edge、IE 11 和 Firefox 看了一下，没注意到位移的情况呢

[nervouna]

可能是我描述得有问题，请参考 附件。另外这个问题我在各个浏览器下都可重现。

[weakish]

@nervouna 您好，这个问题现在还存在吗？

[nervouna]

@weakish 如果没改动过的话这个问题应当还存在。我目前手头没 Windows 电脑，晚上回家看看能不能复现。

[ghost]

这个好像是使用 Windows 系统访问任何页面都会有的问题，只要页面中任何元素的宽度依赖了窗口的宽度，那么滚动条出现或隐藏时，元素的宽度就会变化。

很多使用「加载更多」机制的页面都会遇到这样的情况，就是原本内容高度小于窗口高度，然后内容高度突然增大了，这个时候滚动条就会出现，页面就会变窄。

[sparanoid]

其实解决方案也是有的，就是无论页面长短，永远让 Y 轴出现滚动条：

body {
    overflow-y: scroll;
}

[ghost]

其实解决方案也是有的，就是无论页面长短，永远让 Y 轴出现滚动条：

body {
    overflow-y: scroll;
}

Hmmmm… 确实是一个方法，不过不知道这样够不够优雅…… @leeyeh 可以决定一下🍉