固定全屏div与身体滚动条

时间:2014-12-15 06:11:20

标签: html css

是否可以使用固定的全屏div position:fixed; width:100%; height:100%;覆盖页面正文,包括滚动条?

我知道我可以将主体设置为overflow:hidden;,但我遇到的问题是我希望全屏div淡入,但更改主体的溢出会改变全屏div的宽度,因为它会消失进出。

这是一个演示。你可以看到改变身体的溢出改变了固定div的宽度。 http://jsfiddle.net/bk63qejf/

2 个答案:

答案 0 :(得分:2)

如果我理解你的问题。你只需要添加一个固定在你身体和html标签上的位置。请参阅下面的css代码:

html, body { margin:0; padding:0; width: 100%; height: 100%; position:fixed;}
#fullscreen{ position: fixed; width: 100%; height: 100%; background-color: gray; color:white; word-break: break-all; overflow:auto;}

希望它有所帮助: - )

答案 1 :(得分:0)

感谢我对帖子的所有评论。我能够找到解决方案。

答案是您需要使用width:100%; height:100%; position:fixed; overflow:auto;确定可滚动内容的位置。

http://jsfiddle.net/bk63qejf/2/