如何用JavaScript制作动态遮罩层效果实例？

本文共计682个文字，预计阅读时间需要3分钟。

在网页上注册登录时，常会遇到弹出遮挡层。我实现的解决方案是：点击按钮弹出遮挡层，遮挡层下的内容不可选，登录框可随鼠标滚动动态滑动到页面顶部。

大家在网页上注册登录的时候，经常会看见弹出的遮罩层。

我这里实现的效果是：点击按钮弹出遮罩层，遮罩层下的内容不可选，并且登录框随着鼠标滚轮的下滑，动态的浮动到页面某个位置，点击关闭按钮关闭遮罩层。

这是鼠标滚动下滑到页面中间某部分时画面。虽然界面简单颜色随意，能看出效果才是最重要的哈哈哈哈。