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

Posted 2020-08-19 haoxl

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

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

弹出框关闭后，再恢复

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