Scroll bar issue in CSS

Question

I'm currently making a new website for my school and some of my webpages have more content than others and they require scroll bars and when you open these pages, the content moves with a few mm to the left which is really annoying and I can't leave it like that. Some people advice me to target the html tag and use the overflow-y:scroll property but that way the pages with a few lines of text get a unusable scroll bar - it just looks unprofessional... Is there another option to bypass that issue? I'll be grateful if you can answer me :)

Answer 1

overflow-y: auto;

Causes the scroll bar to be visible when it is needed. Otherwise it will stay hidden. Try and see if it works.