pc端有弹出层 并有滚动的时候遇到的问题以及解决

有时候页面会遇到这样一个问题,页面有个弹出层 ,弹出层是有滚动条的,当弹出层滚完的时候,后面的页面也会滚动,但是我们希望是后面的页面不滚动;代码如下

第一种方法:(这种方法简单粗暴,直接把浏览器的滚动条也干掉了,会导致弹出层弹出一瞬间抖动一下);

　1:弹出层出现的时候设置,

$('body').css('overflow','hidden');
　
　2:弹出层隐藏的时候

$('body').css('overflow','auto');
 
第二种方法:(一小段脚本 其中.toast是弹出层 ,这种方式,窗口纹丝不动,适合强迫症患者);

var scrollTop = -1;
$('.toast').mouseenter(function () {
    scrollTop = $(window).scrollTop();
}).mouseleave(function () {
    scrollTop = -1;
})//鼠标进入到区域后，则存储当前window滚动条的高度
 
$(window).scroll(function () {
    scrollTop !== -1 && $(this).scrollTop(scrollTop);
});// 鼠标进入到区域后，则强制window滚动条的高度