PC端/移动端如何禁止底层页面滚动

今天在写一个首页，移动端底部有个导航按钮，导航里的选项只有在点击导航按钮时才会以弹出层/遮罩层的方式显示。如下图所示： 用js和css3写完动画后，在PC上的chrome浏览器里测试手机的效果时，没有问题，鼠标拖动/滚动，遮罩层底下的body可以滚动。但是拿手机真机测试时，出现以下问题： Safiri/Andriod手机自带浏览器：遮罩层显示后，手指滑动屏幕，浏览器底部自带的导航栏会自动隐藏，遮罩

>>阅读原文<<