我能解释效果的最好方法是通过这个网站的例子。。。
http://www.optimus2020.com/
有什么想法吗？这是一个巧妙的技巧。
看起来"面板"已被赋予position: fixed;，并使用z-index放置在主要内容后面。滚动内容的底部边距/填充等于面板的高度。使用这种技术，浏览器将滚动"越过"内容，显示底层面板。
就我个人而言，我觉得这有点奇怪，但那只是我自己。
代码示例
<html>
<head><title>Test</title></head>
<body>
<style type="text/css">
#content {
position: relative;
z-index: 10;
height: 1000px;
background: #fff;
margin-bottom: 100px;
}
#panel {
z-index: 1;
width: 100%;
height: 100px;
background: #00f;
color: #fff;
position: fixed;
bottom: 0;
}
</style>
<div id="content">Content</div>
<div id="panel">Panel</div>
</body>
</html>