1. 程式人生 > >關於頁面出現彈窗時,頁面還可以滾動問題

關於頁面出現彈窗時,頁面還可以滾動問題

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)一篇