Как скрыть полосу прокрутки в Firefox?

Я только что узнал, как скрыть полосу прокрутки в Google Chrome, я сделал это с этим кодом:Как скрыть полосу прокрутки в Firefox?

::-webkit-scrollbar { display: none; }

Единственная проблема заключается в том, что это не работает на Firefox.

Пробовал много способов сделать, но все равно это не работает.

Может кто-нибудь помочь в этом?

источник

2014-01-08 Daan Kleijngeld

Безразлично» Похоже, это хорошая идея. используйте css-переполнение, скрытое на html, body, и используйте обертку div со 100% высотой и шириной. – Abhitalks

Это может быть немного слишком очевидно, но вы попробовали -moz- для Firefox? Я согласен с abhitalks, хотя это не похоже на отличный способ сделать это. – Myles

http://stackoverflow.com/questions/15394065/firefox-scroll-bar-hidden – Jacob

-1

В статье на форуме поддержки Mozilla обсуждалось «Как скрыть или отключить вертикальные и горизонтальные полосы прокрутки?»

Убедитесь, что вы разместили файл userChrome.css в папке chrome в папке профиля Firefox.

Эта папка хром не существует по умолчанию и должна быть создана.

http://kb.mozillazine.org/Editing_configuration/Troubleshooting

@namespace URL ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");/* Требуется только один раз */

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

Вы можете проверить это на следующую ссылку

http://support.mozilla.org/en-US/questions/957337

источник

2014-01-08 13:48:19 Mahib

Просьба описать, что находится за этой ссылкой, если страница удалена или в противном случае ссылка становится мертвой, этот ответ становится бесполезным. –

Как скрыть или отключить вертикальные и горизонтальные полосы прокрутки? – Mahib

Он не работает в версии 'Firefox' 58.0.2 – AmerllicA

Это что-то общее решение:

<div class="outer"> 
<div class="inner"> 
    Some content... 
</div> 
</div> 

<style> 
.outer { 
overflow: hidden; 
} 
.inner { 
margin-right: -16px; 
overflow-y: scroll; 
overflow-x: hidden; 
} 
</style>

Полоса прокрутки скрывается родительским div.

Для этого вам необходимо использовать переполнение: скрыто в родительском div.

источник

2014-01-08 13:48:37 Myles

Работает, но не надежно, так как 16px - это только предполагаемая ширина полосы прокрутки. – igorpavlov

+22

давать кредиты реальному автору @chowey при копировании. http://stackoverflow.com/questions/15394065/firefox-scroll-bar-hidden?lq=1 –

Это не работает на FF 56, когда содержимое внутреннего div больше, чем ширина экрана –

Я был в состоянии скрыть полосу прокрутки, но по-прежнему иметь возможность прокрутки с помощью колеса мыши с этим решением:

html {overflow: -moz-scrollbars-none;}

Скачать плагин https://github.com/brandonaaron/jquery-mousewheel и включить эту функцию:

jQuery('html,body').bind('mousewheel', function(event) { 
    event.preventDefault(); 
    var scrollTop = this.scrollTop; 
    this.scrollTop = (scrollTop + ((event.deltaY * event.deltaFactor) * -1)); 
    //console.log(event.deltaY, event.deltaFactor, event.originalEvent.deltaMode, event.originalEvent.wheelDelta); 
    });

источник

2014-09-18 05:07:33 CrazyScientist

Это похоже на «переполнение» : скрытый; " и не позволяет прокручивать :-( – bob

Работает для меня - горизонтальная полоса прокрутки теперь скрыта в Firefox. Спасибо! –

Попробуйте использовать это :

overflow-y: -moz-hidden-unscrollable;

источник

2017-12-28 15:41:50 peeter

Он скрывает 'scrollbar', но останавливает действие прокрутки. В чем разница между' overflow-y: -moz-hidden-unscrollable; 'и' overflow: hidden'. На самом деле ничего, поэтому это не правильный ответ, но я даю вам голосование. – AmerllicA

Для использования WebKit следующее:

::-webkit-scrollbar { 
    width: 0px; /* remove scrollbar space */ 
    background: transparent; /* optional: just make scrollbar invisible */ 
}

Для использования Mozilla Firefox следующий код:

@-moz-document url-prefix() { 
    html,body{overflow: hidden !important;} 
}

и если прокрутка не работает, то добавить

element {overflow-y: scroll;}

к конкретному элементу

источник

2018-02-28 05:21:10

Как скрыть полосу прокрутки в Firefox?

ответ

Смежные вопросы