關於頁面出現彈窗時,頁面還可以滾動問題
阿新 • • 發佈:2018-12-10
1、當我們的佈局中是採用body為容器的頁面滾動時,當出現在彈窗的時候,雖然給彈窗和遮罩加上固定佈局fixed,但是在移動端中,頁面還是會跟著滾動,無法滾動佈局。
解決方案一:我們可以進行如下設定,注意,此時body的寬度需要設定為100%,不然會出錯!
// 防止關閉彈窗以後 body回到dingbu var Fixedtop, isLock = false; //鎖屏狀態 function ifFixed(fixedFlag) { if(fixedFlag){ Fixedtop = window.scrollY document.body.style.position= 'fixed' document.body.style.top = -Fixedtop + 'px' isLock = true; }else{ document.body.style.position = 'initial' document.body.style.top = 0 window.scrollTo(0, Fixedtop) isLock = false; } }
解決方案二:改用content佈局滾動,而不用body滾動
具體見移動端中遇到的坑(bug)一篇