你好，我正在构建一个移动网页，其中我的内容只会滚动，而我的页脚和页眉是位置:固定的 - 我可以制作内容以便它不会在页眉或页脚下滚动，以便它只是滚动在它自己的 div 中。
我想这样做的原因是我的页眉和页脚会有一些不透明，如果内容滚动到 下，看起来就不太好。
这是我制作的一个 jsfiddle，只是向您展示滚动的示例
最佳答案
给你:
我刚刚将 position: absolute 移除到滚动部分(wrapper 和 scroll-content)，并添加了一些 padding 到包装器，以使第一个和最后一个元素不在页眉和页脚下。
基本上，技巧是通过使用 position: fixed 仅在页眉和页脚，并让页面的其余部分像普通页面一样滚动，不在特定的固定高度元素上使用 overflow: auto。这样做，唯一的问题是您的内容的第一行将始终位于固定位置的标题下方(最后几行位于页脚下方)，但您可以通过在内容包装器上应用一些填充来解决此问题，就像页眉(和页脚)高度。你明白了吗？
关于css - 在固定页眉/页脚的移动页面上滚动内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10893404/