前端之家收集整理的这篇文章主要介绍了
css – 具有固定页眉/页脚的移动页面上的内容滚动，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
您好我正在建立一个移动网页,其中我的
内容只会滚动,我的页脚和
标题位置：固定 – 我可以制作
内容,使其不会在页眉或页脚下滚动,以便它只是滚动它自己DIV.
我想要这样做的原因是我将在我的页眉和页脚上有一些不透明度,如果内容滚动下来,它看起来不太好看.
下面是一个jsfiddle,我只是向你展示滚动的例子
http://jsfiddle.net/VNVqs/
这个给你：
07000
我刚刚删除了位置：绝对滚动部分(包装器和滚动内容),并在包装器中添加了一些填充,以便让第一个和最后一个项目不在页眉和页脚之下.
基本上,诀窍是通过使用position来完成的：仅在页眉和页脚上固定,并让页面的其余部分作为普通页面滚动,而不在特定的固定高度元素上使用overflow：auto.这样做,唯一的问题是你的内容的第一行总是在固定定位的标题下(和页脚下的最后一行),但你可以通过在内容包装上应用一些填充来解决这个问题.标题(和页脚)高度.你说对了？
原文链接：https://www.f2er.com/css/217809.html
