出于某种原因，出现的滚动条会将 Google Chrome 中的所有内容移动一点点。
这只是我，还是以前不会发生？
还有我可以插入的样式代码或 JavaScript 来防止这种情况发生吗？
我已经尝试过 overflow:scroll;然而，在我的 styles.css 中，我放置了其他文件的 iframe(我知道，iframe 已被弃用)，这会导致 iframe 中出现滚动条。
除非我能保持溢出:滚动；或者没有将其应用于 iframe，有什么帮助吗？
非常感谢!
最佳答案
这样渲染 HTML 实际上是有意义的。想象一下，无论出于何种原因，您的页面右侧有一个垂直的 5px 条。如果显示滚动条不会调整其余部分的大小，则此垂直条将被隐藏(通过滚动条)。
如果永远不需要滚动条，我会选择 overflow: hidden。如果 iframe-content 是可变的，我会执行 overflow-y: auto。
可能有趣的内容:
在媒体查询方面，Chrome/Safari (WebKit) 确实处理了不同于 Firefox 等的滚动条。请参阅:http://www.sitepoint.com/rwd-scrollbars-is-chrome-better/
关于javascript - 滚动条导致页面移动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23189719/