移動端禁止遮罩層滑動

一、需求描述

點擊按鈕，觸發遮罩層，讓其覆蓋整個屏幕。

二、問題描述

遮罩層很好寫，在dom根結構上寫個盒子，寬高100%… 在移動端打開，問題來了，這個100%的盒子，會被tuchmove。這樣用戶體驗很不好，一move，上下就有白條啥的。好醜

.shade {
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: rgb(24, 24, 24);
  position: absolute;
  color: #fff;
}

三、解決辦法

無需js，css就解決了。將上面的絕對定位，改成固定定位，遮的死死的，動不了了，再也動不了了，哈哈哈

position: fixed;