如何用JavaScript实现蒙版效果并禁止页面滚动？

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

原文示例：本文实例为大家分享了JavaScript实现蒙版与禁止页面滚动的具体代码，供大家参考。项目需求：页面很长，要加个蒙版，点击特定位置蒙版消失，可以滚动页面，否则蒙版存在。

改写后：本文提供JavaScript代码示例，演示如何实现蒙版功能及禁止页面滚动。代码适用于页面过长需要添加蒙版的情况，点击指定位置蒙版消失，恢复页面滚动。如需使用，请参考以下内容。

本文实例为大家分享了javascript实现蒙版与禁止页面滚动的具体代码，供大家参考，具体内容如下

项目需求：页面很长，要求加个蒙版，点击特定位置蒙版消失可以滑动页面，否则蒙版存在页面不可以滑动；要同时兼容移动端和pc端。