弹框显示前获取window滑动的位置,将body固定定位,top值为window滑动位置的负值;关闭弹框之前获取body的top值并转为数字取负值赋给window的scrolltop。
.fixed{position: fixed; width:100%; left:0; top:0;}
//点击按钮显示弹框
var bodyscroll = 0;
$(".demo a").click(function(){
bodyscroll = -$(window).scrollTop();
$("body").addClass('fixed');
$("body").css("top",bodyscroll);
$(".toast").show();
})
//点击按钮关闭弹框
$(".toast a").click(function(){
$("body").removeClass('fixed');
$(".toast").hide();
$(window).scrollTop(-bodyscroll);
})
javascript弹窗后,禁止底部页面滑动
最新推荐文章于 2024-01-20 19:13:21 发布