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

Question

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

Answer 1

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

Answer 2

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

div:after {
    content: '';
    display: block;
    height: 100px;
}

Answer 3

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

Answer 4

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