스크롤 막대에 관계없이 가운데에있는 요소 유지

Question

모든 요소를 ​​내 웹 사이트에 유지, doggo.info으로 지정하지만 스크롤 막대가 표시되거나 숨겨지면 (상단 탐색 메뉴 버튼을 누름) 요소가 약간 지터 발생 스크롤 막대에 의해 만들어진 화면 너비의 차이 때문에 왼쪽 및 오른쪽 픽셀.

이를 부정하는 HTML, CSS 또는 자바 스크립트가 있습니까? 감사!

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; 
    } 
}