We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

How to make scroll bar always visible and functional?

  • 1 antwurd
  • 1 hat dit probleem
  • 1 werjefte
  • Lêste antwurd fan cor-el

codywohlers
codywohlers
more options

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?

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?

Keazen oplossing

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;}
}

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:

Dit antwurd yn kontekst lêze 👍 1

Alle antwurden (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Keazen oplossing

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;}
}

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: