滚动条导致页面移动

时间:2014-04-21 01:57:32

标签: javascript jquery html css iframe

出于某种原因,出现的滚动条会将所有内容移动到谷歌浏览器中。

这只是我,还是曾经没有发生这种情况?

我是否还可以插入样式代码或JavaScript来防止这种情况发生?

我已经尝试过溢出:滚动;但是,在我的styles.css中,我放了其他文件的iframe(我知道,iframe已被弃用)并导致iframe中的滚动条。

除非我能保持溢出:滚动;或者不适用于iframe,有什么帮助吗?

非常感谢!

1 个答案:

答案 0 :(得分:0)

实际上渲染HTML是有道理的。想象一下,无论出于何种原因,您都有一个右侧有垂直5px条的页面。如果显示滚动条不会调整其余部分的大小,则会隐藏此垂直条(通过滚动条)。
如果从不需要滚动条,我会选择overflow:hidden。如果iframe内容是可变的,我会执行overflow-y:auto。
可能有趣的是:
在媒体查询方面,Chrome / Safari(WebKit)确实可以处理与Firefox等不同的滚动条。请参阅:http://www.sitepoint.com/rwd-scrollbars-is-chrome-better/

相关问题