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!

当サイトはユーザー体験を改善するためのメンテナンスを実施中に機能が制限される予定です。記事を読んでもあなたの問題が解決せず質問をしたい場合は、Twitter の @FirefoxSupport、Reddit の /r/firefox で、サポートコミュニティが皆さんを助けようと待機しています。

Mozilla サポートの検索

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.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

Is there a way to disable / hide scrollbars in Firefox 57?

  • 3 件の返信
  • 3 人がこの問題に困っています
  • 3 回表示
  • 最後の返信者: Nemies

more options

Hello,

I'm using the 57.0b14 beta.

Is there a way, including adding a userChrome.css file, to disable or hide the vertical and horizontal scroll-bars?

They take way too much real-estate for a feature that is almost useless in the age of mouse wheels and middle-clicks.

Hello, I'm using the 57.0b14 beta. Is there a way, including adding a userChrome.css file, to disable or hide the vertical and horizontal scroll-bars? They take way too much real-estate for a feature that is almost useless in the age of mouse wheels and middle-clicks.

すべての返信 (3)

more options

Please consider turning on send info to Mozilla before posting a question. This helps us help you.

Edited : as mind was faster than fingers.

Am not comfortable with what I see for code changes, seems for everything older. Can have a look. https://www.google.ca/search?q=Firefox+hide+scroll+bars&ie=utf-8&oe=utf-8&gws_rd=cr&dcr=0&ei=uKP_WfW4GYaojwPf44SQAw

この投稿は Shadow110 により に変更されました

more options

You can try if this code in userChrome.css works for you to move the scroll bar out of view. You may have to adjust the negative margin values.

Add code to the userChrome.css file below the default @namespace line.


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

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

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

  • 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

この投稿は cor-el により に変更されました

more options

cor-el said

You can try if this code in userChrome.css works for you to move the scroll bar out of view. You may have to adjust the negative margin values. Add code to the userChrome.css file below the default @namespace line.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

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

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

  • 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

Edit : Actually while this method does hide the scrollbars, it introduces a bigger problem. Content is cropped to the right and bottom. For example, if an image would normally fit your browser's height but not width, and you have adjusted the bottom margin by -15, the image would be vertically cropped 15 pixels.

Images are cropped at the bottom and to the right, when the horizontal / vertical scrollbar respectively would not be used. The only time the browser displays the whole image, is when both scrollbars would be shown if they were not hidden.

This perhaps is tricky to understand, but do a test :

Find a vertical (portrait) image that only fits the height of your browser, save it, open it with a separate image viewer, and compare the two.

この投稿は Nemies により に変更されました