Member 12479831 Ответов: 1

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

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

У меня есть выпадающее меню с тегами ul и li. UL имеет CSS max-height-400px; и overflow-y : scroll;

Это работает в браузере Chrome, но не в Mozila.

Пожалуйста, помогите мне ....

Что я уже пробовал:

.no-scroll::-webkit-scrollbar {display:none;} /* Safari */
.нет-свиток::-МОЗ-полосы прокрутки {дисплей:нет;}
.no-scroll::-o-scrollbar {display:none;} /* opera */
.нет-свиток::-Гугл-МС-полоса прокрутки {дисплей:нет;}
.нет-свиток::-хтмл-полоса прокрутки {дисплей:нет;}

Peter_in_2780

Вы пробовали-МОЗ-полосы прокрутки-нет ? Я нашел его здесь: https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions

Member 12479831

Да я уже было попробовал это сделать ...

Richard Deeming

Насколько я могу судить, -moz-scrollbars-none был удален некоторое время назад. Рекомендуемая замена-это overflow:hidden.

Возможно, было бы лучше обратиться за помощью к вам. реальный" вместо этого проблема. Если это возможно, создайте JSFiddle[^] с минимальной разметкой и CSS, необходимыми для воспроизведения проблемы.

Member 14684564

Не Работает Firefox

1 Ответов

Рейтинг:
8

swapnilmj

Чтобы удалить полосу прокрутки, вы можете установить
переполнение-й: скрытый
и вы можете удалить max-height

Это будет работать и в Mozilla.

Смотрите пример:
<html>
<тело>
<стиль>
ul{ширина:50px; переполнение-y: скрыто}
</стиль>
<ul >
<li>one</li>
<li>Два</li>
<li>three</li>
</ul>
</body>
</html>

Member 12479831

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

Этот код лучше работает в Mozilla, но когда я применяю этот код к выпадающему меню, этот код не будет работать ...

Есть ли какое-то решение для этого?

swapnilmj

Можете ли вы отправить точные html и css части, используемые для него?
Так что я могу дать необходимое решение.