Question

如何将一个div覆盖在另一个div之上 然后滑动上层div,显示下层内容？

如何将一个div覆盖在另一个div之上 然后滑动上层div,显示下层内容？详情看视频：就是页脚是固定的，页脚上面的内容是可移动的。

Answer 1

<style>
html,body {
margin: 0;
}
.footer-over {
position: relative;
width: 100%;
height: 1600px;
background: #f7f7f7;
color: #444;
margin-bottom: 300px;
z-index: 10;
}
.site-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 300px;
background: #1a1a1a;
color: #ddd;
z-index: 0;
}
</style>
<div class="footer-over">这是滚动的上层<br />这是滚动的上层<br />这是滚动的上层<br />这是滚动的上层<br />这是滚动的上层</div>
<div class="site-footer">这是固定的下层<br />这是固定的下层<br />这是固定的下层<br />这是固定的下层<br />这是固定的下层</div>

追问

大佬大佬大佬。谢谢！

Answer 2

偷看一下嘛，进开发者工具，查一下最后这个页脚的CSS，然后再看下JS。😂😄