粘性定位position:sticky的应用

版权声明：转载请注明出处 https://blog.csdn.net/qdmoment/article/details/83106978

使用场景：模块在滚动到距离顶部的位置一定时，固定不动

原理：position:fixed和position:relative的结合

使用方法：

{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

 

优点：较少代码实现弹性固定场景，比如导航栏

缺点：兼容性不好

 CANIUSE 下的截图：