使用场景:模块在滚动到距离顶部的位置一定时,固定不动
原理:position:fixed和position:relative的结合
使用方法:
{
position: -webkit-sticky;
position: sticky;
top: 0;
}
优点:较少代码实现弹性固定场景,比如导航栏
缺点:兼容性不好
CANIUSE 下的截图:
使用场景:模块在滚动到距离顶部的位置一定时,固定不动
原理:position:fixed和position:relative的结合
使用方法:
{
position: -webkit-sticky;
position: sticky;
top: 0;
}
优点:较少代码实现弹性固定场景,比如导航栏
缺点:兼容性不好
CANIUSE 下的截图: