2013-03-14 157 views
2

我想滚动div的高度在浏览器窗口下方,而不在浏览器窗口中出现滚动条。滚动div大于浏览器窗口

当我在body标签上添加一个overflow:hidden style时,只要div高度为<窗口高度,就可以工作。如何在div高度>浏览器窗口高度时获得相同的效果?

回答

2

div高度是否大于窗口高度,因为您已经在css中设置了这种方式,或者div中有很多内容吗?

如果你已经在css中设置了它的高度,你可能必须先将它包装在另一个div中。否则,试试这个:

html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
} 

div { 
    height: 100%; 
    width: 50%; 
    overflow-y: scroll; 
} 

Example

+0

DIV的高度比窗口的高度大,因为是动态生成的内容。我会尝试你的解决方案,并让你知道结果。 – user2167299 2013-03-14 01:39:18

+0

@ user2167299是否有效? – Moshe 2017-11-08 15:47:44