css设置fix后滑动时其他组件会上去

Posted 2023-04-25

参考技术A 不会上去。在原始输入法下,fixed元素可定位在页面的正确位置。滚动页面时,由于滚动的是main内部的div,因此fix不会跟随页面滚动。

js判断滑动的距离 设置css

window.onscroll = function() {
if(window.scrollY<50){
$(‘.header_nav1‘).css({
‘position‘ : ‘relative‘
});
}
if(window.scrollY>50){
$(‘.header_nav1‘).css({

            ‘z-index‘ : ‘100‘,
            ‘top‘ : ‘0‘,
            ‘position‘ : ‘fixed‘
        });
    }
}