定位top bottom

手机：position:sticky全部解决；

浏览器：

头部：

position:fixed; 

top:0;

向下写内容就会被头部遮住一部分,因为整个头部的高度为 55px ，所以用一个盒子把整个头部包起来，设置等高，就可以解决了

 

<div class="head">
<span class="iconfont icon-shouyeshouye"></span>
<h1>演出列表</h1>
</div>

.head{
width: 100%;
height: 55px;
position: fixed;
}

解决：

<div class="box">
<div class="head">
<span class="iconfont icon-shouyeshouye"></span>
<h1>演出列表</h1>
</div>
</div>

.box{
height: 55px;
}

底部：

position:fixed; 

bottom:0

不想遮盖内容，可以给内容一个高度