h5彈層之後阻止頁面滾動


說是阻止滾動,只不過是換種實現方式罷了。滾動式阻止不掉的。思路就是讓彈層固定定位到body中,遮罩就會鋪滿屏幕。但這時底層的頁面還是會滾動的,所以要讓下面的元素也要fixed,那麼他的top值是多少呢??

var sctop=0;
$('.xie').on('click',function (){
	$('.mask').show();
	sctop = $(window).scrollTop();			
	$('.container').css({'position':'fixed','top':-$(window).scrollTop()});
})
$('.close').on('click',function (){
	$('.mask').hide();
	$('.container').css({'position':'static','top':-$(window).scrollTop()});
	$(document).scrollTop(sctop);
})
就這麼簡單html與css部分就不用展示了吧

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章