使用position位置的sticky属性：sticky；位置：-webkit-sticky；//与-webkit内核兼容的浏览器top:10px;//必须设置一个值，否则不生效通用处理思路：前提需要监听滚动事件1）当滚动条不动时，是静态相对定位状态relative2）当页面滚动超出设置的距离，js改变style属性将定位状态切换为fixed，同时给top设置一个值csspart//当滚动条不动时。盒子{位置：相对;高度：80px；宽度：100%；z-index:999;}//滚动条开始监听后Style.box-active{position:fixed;top:0;}jspart//监听事件window.addEventListener('scroll',function(){lett=$('body,html').scrollTop();//当前监控的是整个body的滚动条距离if(t>0){$('.box').addClass('box-active')}else{$('.box').removeClass('box-active')}})
