保持居中的元素，無論滾動條

Question

的我把所有的元素在我的網站，doggo.info中心，但當顯示或隱藏滾動條（按頂部導航菜單按鈕可見）的元素抖動幾由於滾動條所做的屏幕寬度不同而左右像素。

有沒有任何HTML，CSS或Javascript的方式來否定這一點？謝謝！

Answer 1

你能試試嗎？ 我不確定你是否想要這個。

function toggleNav() { 
    if (navopen) { 
    document.getElementById("sidenav").style.width = "0"; 
    $("body").css({ 
     "position" : "relative", 
     "overflow" : "scroll" 
    }); 
    $("header").css("background-color","rgba(7,7,7,0.7)"); 
    navopen = false; 
    } 
    else { 
    document.getElementById("sidenav").style.width = "200px"; 
    $("body").css({ 
     "position" : "fixed", 
     "overflow" : "scroll" 
    }); 
    $("header").css("background-color","rgba(7,7,7,1)"); 
    navopen = true; 
    } 
}