Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

How to make scroll bar always visible and functional?

  • 1 antwoord
  • 1 het hierdie probleem
  • 1 view
  • Laaste antwoord deur 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?

Gekose 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:

Lees dié antwoord in konteks 👍 1

All Replies (1)

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

Gekose 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: