页面弹层和遮罩层原理都是fixed实现？

Question

一般做这个都用插件，原生写的话是不是写个fixed的div定位到屏幕，然后js控制显示隐藏？

Answer 1

是的

Answer 2

一般都是

.mask{
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: fixed;
    right: 0;
    top: 0;
}

这样页面高度过高时，滚动屏幕也会一直处于遮罩状态，改变屏幕尺寸时，整个屏幕也会一直处于遮罩状态