您好,我正在构建一个移动网页,其中我的内容只会滚动,页脚和页眉位置为:固定 - 我可以制作内容,使其不会在页眉或页脚下方滚动,以便它只在自己的位置滚动分区
我想这样做的原因是我的页眉和页脚将有一些不透明度,如果内容滚动到下面,它看起来就不太好。
这是我制作的一个 jsfiddle 来向您展示滚动的示例
http://jsfiddle.net/VNVqs/
给你:
http://jsfiddle.net/VNVqs/3/
我刚刚删除了position: absolute
到滚动部分(wrapper and 滚动内容),并添加了一些padding
到包装器,以便让第一个和最后一个项目不在页眉和页脚下。
基本上,这个技巧是通过使用来完成的position: fixed
仅在页眉和页脚上, 然后让页面的其余部分像普通页面一样滚动,不使用overflow: auto
在特定的固定高度元素上。这样做,唯一的问题是内容的第一行将始终位于固定位置标题下(以及页脚下的最后一行),但您可以通过在内容包装器上应用一些填充来解决此问题,尽可能多页眉(和页脚)高度。你说对了?
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)