scrollbar on browser and div margin 0 auto jumping

Question

i am using div#wrapper margin: 0 auto to center the div, there is scroll bar on this page however when it transition to second page where there is no scroll bar

Answer 1

Adding a calculated margin to your html tag will create a margin on the left equal to the scrollbar on the right if a scrollbar exists. This will stop the jumping.

html { 
    margin-left: calc(100vw - 100%); 
}

Original Source