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

Este fío arquivouse. Faga unha nova pregunta se precisa axuda.

How to make scroll bar always visible and functional?

  • 1 resposta
  • 1 has this problem
  • 1 view
  • Last reply by 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?

Chosen solution

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:

Ler a resposta no contexto 👍 1

All Replies (1)

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

Chosen Solution

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: