首页 > 代码库 > 弹出框滑动,底部不跟着滑动

弹出框滑动,底部不跟着滑动

弹出框里有滚动条,并且页面也有滚动条时,在弹出框内滑动时底部页面也会跟着滑动,试了下当弹出框出现时加上$(‘body‘).css({‘height‘,‘100%‘,‘overflow‘,‘hidden‘});不起作用,后来在弹出框上加上以下代码便起作用了。

$(‘body‘).css({
        ‘overflow‘:‘hidden‘,
        ‘position‘: ‘fixed‘,
        ‘top‘: scrollTop*(-1)
    });

弹出框关闭后,再恢复

$(‘body‘).css({
        ‘overflow‘:‘auto‘,
        ‘position‘: ‘static‘,
        ‘top‘: ‘auto‘
    });

 

弹出框滑动,底部不跟着滑动