【代碼段】 關於H5滑動穿透問題

不多說直接上代碼

//先獲取當前頁面滾動的位置
this.pageScrollYoffset = document.documentElement.scrollTop;

//是否開啓或者關閉設置
isSet(flag) {
      if (flag== true) {
        let cssStr = "overflow-y: hidden; height: 100%;";
        document.getElementsByTagName("body")[0].style.cssText = cssStr;
        document.body.style.cssText = cssStr;
      } else {
        let cssStr = "overflow-y: auto; height: auto;";
        document.getElementsByTagName("body")[0].style.cssText = cssStr;
        document.body.style.cssText = cssStr;
      }

      // 下面需要這兩行代碼,兼容不同瀏覽器
      document.body.scrollTop = this.pageScrollYoffset;
      window.scroll(0, this.pageScrollYoffset);
    }

設置好之後 頁面上fixed定位的彈窗中的內容可以繼續滑動

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章