首页 > 使用fixed固定一个div,当这个div高度大于视口高度后,超出的内容无法滑动被看到

使用fixed固定一个div,当这个div高度大于视口高度后,超出的内容无法滑动被看到

使用fixed固定一个div,当这个div高度大于视口高度后,超出的内容无法滑动被看到。
该怎么办呐?


fixed本来就是相对当前视窗定位的。你还要让他超过大小。。。一定要这么弄的话,给这个DIV本身加个overflow:scroll,然后应该就可以内部拖动了。。


刚遇到,解决方案,在fixed的那个div加两个必备样式:height:100%;overflow:auto;
也就是设定父容器的高度和窗口的高度一样高,超过滚动,才可以滚动里面的内容。两个样式缺一不可。
overflow:auto;换成overflow: scroll;也行


超出后把div height重新分配一个比例的值;并且overflow:auto


昨天写代码遇到了这个问题。这个问题的本质在于,fix的div覆盖了原来div的显示。我解决的方法是对隐藏的div增加下面的示例代码,其中高度是fix的div高度或略大于div的高度。

div:after {
    content: '';
    display: block;
    height: 100px;
}
【热门文章】
【热门文章】