这个情况是因为样式定义问题
包裹滚动内容的外面一层盒子要比内容的高度高,高度正好是除掉头部高度剩下来到浏览器底部的高度
scroll外面的盒子的高度可以如下定义:
.wrapper-father{
position: fixed;
top: 100px; //头部高度
bottom: 0; //必须设置,可以固定这个盒子在从头部到浏览器底部的高度
}
scroll这一个盒子的高度:
.wrapper{
height: 100%;
overflow: hidden;
}
这样子就能达到头部固定,下面的部分页面滚动