Question

我使用以下代码滚动中间部分并保持上部仍然可见：

<body style="overflow:auto">
  <div class="table-layout" style="position:fixed;z-index:10000">
        <div class="table-cell fixed-width-200" main-screen-title>
        </div>
        <div class="table-cell fixed-width-200">
        </div>
        <div style="height:50px;border-bottom:solid;border-width:1px;width:90%;">
        </div>
    </div>
    <div ui-view style="margin-top:50px;width:99%;height:94%;top:50px;z-index:-1"></div>
</body>

CSS

<style>
.table-layout {
    display: table;
    width: 100%;
}

    .table-layout .table-cell {
        display: table-cell;
        vertical-align:middle;
    }

.fixed-width-200 {
    width: 200px;
}

当我将内容加载到ui-view时，一切看起来都正确。调整浏览器大小并向下滚动后，内容将覆盖其上方的区域，同时我想要它的错觉。知道我的代码有什么问题吗？

由于

Answer 1

你最顶层的div是透明的。通过添加

给它颜色

background-color: #fff;

到.table-layout类并且滚动部分将出现在它下面。

固定位置和滚动

1 个答案: