Bulma: Why does the html tag have an always visible vertical scroll?
This is about the Bulma CSS framework
I'm using Bulma version 0.6.0
Overview of the problem
By default the html tag has overflow-y: scroll;. This causes a vertical scroll to appear on all pages even though it is not needed. What is the design decision behind this and why would you need an inactive scroll on pages?
Expected behavior
No scroll bar on pages that can't be scrolled.
Actual behavior
All pages have a scroll bar, even if it can't be used.
awulkan
All 4 comments
It's to prevent a "jump" when you navigate from a page that needs it to a page that doesn't.
jgthms
on 11 Oct 2017
Okey, at least there's a valid reason then, even though I personally disagree with the idea of it.
awulkan
on 12 Oct 2017
For future bulma users: you can override the behavior by setting $body-overflow-y: auto; if you are using scss to customize bulma. I need to override it because I need to display a full-width google map.
terenceng2010
on 10 Aug 2020
Just stumbled upon this, was unable to apply positon: sticky to any div because of overflow-y: scroll set by default.
bkarlson
on 31 Aug 2020
Related issues
choonggg
路
3Comments
Wikiki
路
3Comments
Qard
路
3Comments
fundon
路
3Comments
bigZ-again
路
3Comments
Most helpful comment
For future bulma users: you can override the behavior by setting
$body-overflow-y: auto;if you are using scss to customize bulma. I need to override it because I need to display a full-width google map.