各位web开发者，是否有经常使用弹窗，是否有总是感觉浏览器自带的弹窗用户体验非常的不好？有些时候自己写弹窗比使用浏览器自带的弹窗体验更好。

但是，自己写的弹窗会遇到一个问题，那就是系统的弹窗，背景都会变得无法操作，但是自己的弹窗您会发现，背景依旧会滑动。

下面，小沃就来教教大家如何做出效果与浏览器自带弹窗效果一样的弹窗。

首先，创建一个div，

然后设置它的z-index大于1，小沃喜欢设置为1000，

然后设置它的width:100%;height:100%;

为了不影响页面后的布局，还需要设置position:absolute;top:0px;left:0px;

最后，需要在这一层上阻止鼠标滑动事件

也就是

div.addEventListener('touchmove', function () {

    event.preventDefault();

}, false);

大功告成了？其实并不是这样的，还需要在这个上面写属于你自己的。

写的时候要注意，z-index要大于1000。