2013-04-14 3 views
2

Я хочу иметь область div, прокручиваемую на моей странице, и установить переполнение на моем div css на прокручиваемое, но теперь я хочу скрыть полосу прокрутки во всех браузерах, поэтому div может прокручиваться без отображения полосы прокрутки/панели , включая скрытие этой ужасной панели прокрутки в firefox, я знаю, как скрыть полосу прокрутки в хроме, но это не работает в firefox, может ли кто-нибудь предложить что-нибудь спасибо?css hide scrollbar?

вот что я использую, чтобы скрыть полосу прокрутки в хромовых и других WebKit браузерах:

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

ответ

1

не чистый CSS (так как вы должны добавить дополнительный элемент), но как о том, чтобы ваш DIV немного шире, а затем обернуть его в другой div с помощью overflow:hidden?

Внутренний div по-прежнему будет прокручиваться, но полоса прокрутки будет находиться за пределами внешнего div, поэтому они не будут видны.

+0

Не уверен, что она совместима в различных браузерах, скроллбары могут иметь различную ширину, и это может привести к содержимому разрезаемому. Chrome для Android, насколько мне известно, вообще не имеет полос прокрутки. Во время перетаскивания отображается индикатор прогресса, но нет полосы прокрутки. То есть, я бы сказал, что это плохая практика. –

1

я нашел кто-то дает такой ответ:

.noscrollbar{ 
    -ms-overflow-style:none; 
    overflow:-moz-scrollbars-none;// but it seems to not work... 
} 
.noscrollbar::-webkit-scrollbar{width:0px} 
+0

Здравствуйте, вместо того, чтобы просто публиковать, было бы лучше объяснить, что он делает. – AFract

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