PC端/移動端如何禁止底層頁面滾動

今天在寫一個首頁，移動端底部有個導航按鈕，導航裏的選項只有在點擊導航按鈕時纔會以彈出層/遮罩層的方式顯示。如下圖所示： 用js和css3寫完動畫後，在PC上的chrome瀏覽器裏測試手機的效果時，沒有問題，鼠標拖動/滾動，遮罩層底下的body可以滾動。但是拿手機真機測試時，出現以下問題： Safiri/Andriod手機自帶瀏覽器：遮罩層顯示後，手指滑動屏幕，瀏覽器底部自帶的導航欄會自動隱藏，遮罩

>>阅读原文<<