Html遮盖层问题

设置height:100% 意思就是浏览器窗口的一个高度 也就是你设置的body:100%的高度 如果你页面里面的内容超过了浏览器窗口显示的范围 也就是出现了滚动条的话,那你拉动滚动条的话下面就会出现没有被遮罩的部分。

解决办法,通过js在实时更改遮盖层的大小就可以了

如果用的Jquery 
$("#...").css({ "width": $(document).width(), "height": $(document).height() });

如果是js
var 遮罩=document.getElementByID("");

遮罩.style.width=document.documentElement.clientWidth|document.body.clientWidth+"px";
遮罩.style.height=document.documentElement.clientHeight|document.body.clientHeight+"px";


猜你喜欢

转载自blog.csdn.net/qq_35448976/article/details/79547260