absolute定位实现fixed效果解决fixed定位后页面宽度变化出现的页面错乱

MrLi_2018

2022-07-26 226 阅读1分钟

[本文已参与「新人创作礼」活动，一起开启掘金创作之路。]

例如

修改

    /*position: fixed;*/
    改为
    position: absolute;

JS

 $(window).scroll(function(){
        var top = parseInt($('.right_box').css('top'));//要定位盒子的top值
        top = $(window).scrollTop()-100;//这里是就盒子的top值会跟随滚动条的位置而变换
        $(".right_box").css('top',top+'px')//最后给盒子赋top值
    });