Этот сайт имеет ограниченную функциональность, пока мы проводим техническое обслуживание для улучшения его работы. Если какая-либо статья не решила вашу проблему и вы хотите задать вопрос, наше сообщество поддержки ждёт вас: @FirefoxSupport в Твиттере и /r/firefox на Reddit.

Поиск в Поддержке

Избегайте мошенников, выдающих себя за службу поддержки. Мы никогда не попросим вас позвонить, отправить текстовое сообщение или поделиться личной информацией. Сообщайте о подозрительной активности, используя функцию «Пожаловаться».

Подробнее

How to hide horizontal scrool bar with CSS code?

  • 4 ответа
  • 3 имеют эту проблему
  • 13 просмотров
  • Последний ответ от cor-el

more options

I've hidden vertical scroll bar with css code:

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

It's located in Chrome folder in my alphanumeric folder. I would really like to know is it possible to add code to hide the horizontal one?

I've hidden vertical scroll bar with css code: <pre><nowiki>#content browser { margin-right: -14px !important; overflow-y: scroll; overflow-x: hidden; }</nowiki></pre> It's located in Chrome folder in my alphanumeric folder. I would really like to know is it possible to add code to hide the horizontal one?

Изменено cor-el

Все ответы (4)

more options

The rule

overflow-x: hidden;

will do it, but perhaps you are applying it to the wrong element? If the bar is for the whole page, you may need:

html, body {overflow-x: hidden;}

Not that I condone that on websites -- it's annoying when the content overflows the viewfinder with no way to see it. For example, see this recent support thread: My bottom horizontal scroll bar is missing on most (but not all webpages) on Firefox.

more options

Did you try code like this in userChrome.css?

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

Sorry for not replying sooner. I've tried your code cor-el and it moves every website down for 14px. That's not the effect I was looking for. I would like to hide the horizontal scroll bar when it appears.

more options

You would have to use this code to the userContent.css file.

html, body {overflow-x: hidden!important;}