Buscar en Ayuda

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

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

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!

Solución elegida

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
Leer esta respuesta en su contexto 👍 0

Todas las respuestas (2)

more options

Solución elegida

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!

Modificadas por lopes.f.leonardo el