遮罩层只在当前屏幕有，怎样设置可以使其在滚动的时候也都有遮罩层呢？

点击当前页时，出现遮罩层并弹框，这个功能实现的思路就是给当前页添加点击事件，然后在这整个页面平行部分新建一个遮罩层，遮罩层设置对应的rgba颜色就可以（a就是透明度），在事件中将此遮罩层的display进行修改就可以，弹出对应层的话需要提前设置好层，这个层设置到页面外，比如position:absolute,right:-300px;在本页面width:100%的时候设置overflow:hidden(超出部分隐藏)，点击事件中：

$('.carBrandMask').on('click',function(){
$('.carBrandMask').css('display','block');
$('.carBrandCorresponding').animate({right:'0'},500);
})

这样就可以实现遮罩层显示，并弹出框（class为carBrandCorresponding的div）。

那么滚动到手机屏幕下的时候遮罩层怎样设置就会一直显示呢？

解决方法：设置遮罩层的position为fixed,top:0,left:0;而不是position:absolute就可以了。试试吧。

不会的可以留言。