无论滚动条如何，都将居中元素保持在同一位置

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