Question

Here is my example如果您尝试向下滚动，则只会获得一些内容，而您无法查看最后一行。我怎么解决这个问题？

div#scrollable {
    overflow-y: scroll;
    height: 100%;
    position: fixed;
    top: 100px;
}

我需要：

固定div;
从顶部抵消某些价值;

由于

Answer 1

尝试以下方法：

div#scrollable {
    overflow-y: scroll;
    position: fixed;
    top: 100px;
    bottom: 0;
    width: 100%;
}

请参阅演示：http://jsfiddle.net/audetwebdesign/a8dxhLra/

Answer 2

解决方案是使用某种灵活的布局来调整固定元素内的高度。这是使用display: table的解决方案。

它会创建一个伪100px高度行，将#scrollable div向下推，使其填满表格上的剩余空间。

http://jsfiddle.net/AKL35/581/

#fixed-wrapper {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
}

#fixed-wrapper:before {
    display: table-row;
    content: "";
    height: 100px;
}

div#scrollable {
    overflow-y: scroll;
    height: 100%;
}

位置固定且顶部> 0时的隐藏内容

2 个答案: