![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
How to make scroll bar always visible and functional?
This page https://www.nacocanada.com/cpages/common-docs is broken and has a newsletter sign up overlay that can't be closed. So i hide the element with uBlock origin but the underlying page still doesn't scroll. If i make the window taller more content appears, so it is there.
How do I force enable the scroll bar for all websites or at least this one?
Ŋuɖoɖo si wotia
That page has a body.modal-open {overflow: hidden;} rule as you can see in the Inspector. You also need CSS code to remove the background color.
Add code to the userContent.css file.
@-moz-document domain(www.nacocanada.com){ .modal-open {overflow: auto !important;} .modal-backdrop.fade {opacity: 0 !important;} #signup-wall {display: none !important;} }
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.
- toolkit.legacyUserProfileCustomizations.stylesheets = true
See:
Xle ŋuɖoɖo sia le goya me 👍 1All Replies (1)
Ɖɔɖɔɖo si wotia
That page has a body.modal-open {overflow: hidden;} rule as you can see in the Inspector. You also need CSS code to remove the background color.
Add code to the userContent.css file.
@-moz-document domain(www.nacocanada.com){ .modal-open {overflow: auto !important;} .modal-backdrop.fade {opacity: 0 !important;} #signup-wall {display: none !important;} }
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.
- toolkit.legacyUserProfileCustomizations.stylesheets = true
See: