Stop scrollbar from pushing content left

Question

I\'m designing a website and I have multiple pages that use the same template, some pages are longer than the browser window\'s height, other\'s aren\'t. The ones that are longe

Answer 1

The only way to do this is to have the scrollbar always visible.

html { overflow-y: scroll; }

Answer 2

Give overflow value as overlay. This will avoid the recalculation of layout when scrollbar appears

Answer 3

Overflow: overlay worked for me. Would've commented on jintoppy's post but I'm a nooob