移動端若是有時蒙層禁止頁面滑動

通常pc端的方法對移動端不適用，因而增長了幾個樣式就成功禁止滑動

.noscroll,
.noscroll body {
  overflow: hidden;
  position: relative;
  top: 0;
  height: 100%;
}

有蒙層出現時$('html, body').addClass('noscroll');

蒙層消失時$('html, body').removeClass('noscroll');

 

在用iphone xr等手機訪問釘釘內置瀏覽器可能會有fixed的bug(移動儘可能少用fixed，由於他不隨頁面滑動而滑動，並且登陸註冊等這種涉及到用戶填寫的表單別用彈窗不要用彈窗！！！血的教訓)

這時蒙層設置樣式：

.home-list-nav-menu-mask {
    position: absolute; // fixed換爲absolute
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.35;
    z-index: 86;
 }