This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Etsi tuesta

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.

Lue lisää

How to hide or disable vertical and horizontal scrollbars in the last version of firefox (v39.0)

  • 2 vastausta
  • 10 henkilöllä on sama ongelma
  • 47 näyttöä
  • Viimeisin kirjoittaja lopes.f.leonardo

more options

I tried to use the solution presented by cor-el at the link below to fix it https://support.mozilla.org/pt-BR/questions/957337#answer-483294

But it doesn't work 100% for me. I got to adjust the margins but I couldn't hide the vertical and horizontal scrollbars. It seens that firefox v 39 doesn't support the overflow-x and overflow-y commands. Please, someone can help me I'll be so glad with some help, thanks!

I tried to use the solution presented by cor-el at the link below to fix it https://support.mozilla.org/pt-BR/questions/957337#answer-483294 But it doesn't work 100% for me. I got to adjust the margins but I couldn't hide the vertical and horizontal scrollbars. It seens that firefox v 39 doesn't support the overflow-x and overflow-y commands. Please, someone can help me I'll be so glad with some help, thanks!

Valittu ratkaisu

If the code isn't working then try to add the !important flag. The negative margin is to move the scroll bar out of view, so it is still there, but only not visible. That is to prevent scrolling issues.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#content browser {
 margin-right: -14px !important;
 overflow-y: scroll !important;
 overflow-x: hidden !important;
}

Does other code in the userChrome.css file work?

  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userChrome.css file in the editor window
  • Make sure that the userChrome.css file starts with the default @namespace line
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.
    Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
Lue tämä vastaus kontekstissaan 👍 0

Kaikki vastaukset (2)

more options

Valittu ratkaisu

If the code isn't working then try to add the !important flag. The negative margin is to move the scroll bar out of view, so it is still there, but only not visible. That is to prevent scrolling issues.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#content browser {
 margin-right: -14px !important;
 overflow-y: scroll !important;
 overflow-x: hidden !important;
}

Does other code in the userChrome.css file work?

  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userChrome.css file in the editor window
  • Make sure that the userChrome.css file starts with the default @namespace line
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.
    Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
more options

I tried to use the !important flag but the overflow-x and overflow-y commands didn't work. It seems that only the margin-right command still working. But it's ok, using the nenegative margin like you told me, I could move the scroll bar out of view. Thanks a lot.

Now I'm having another problem, I'd like to hide the webpage until it's all loaded or to use a fade effect to hide the page for sometime (5 seconds for example) or make the content transparent for sometime, do you have any idea how I could do that?

Thanks!

Muokattu , muokkaaja lopes.f.leonardo