Блог

Главная - Вопросы по программированию - Ионный 4 — Удалить полосу прокрутки

Ионный 4 — Удалить полосу прокрутки

#ionic4

#ionic4

Вопрос:

Каков наилучший метод удаления полосы прокрутки в Ionic 4, сохраняя при этом возможность прокрутки и используя shadow DOM?

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

Это выше не имеет никакого эффекта.

Ответ №1:

Попробуйте это, у меня это будет хорошо работать в ionic 4

 ion-content {
--offset-bottom: auto!important;
--overflow: hidden;
overflow: auto;
amp;::-webkit-scrollbar {
  display: none;
}
}

Комментарии:

1. Это решение скрывает полосы прокрутки, но блокирует <ion-content> scrollToTop, и функция scrollToBottom перестала работать у меня. Для вас это тоже самое?

2. @Hemang. да .. я тоже сталкивался с этим, для меня важнее всего скрыть полосы прокрутки, поэтому я не стал заострять внимание на функциях scrollToTop и scrollToBottom.

3. У меня сработало в ionic 6

Ответ №2:

Другие решения отключили бы мою полосу прокрутки. Что исправило это для меня, так это замена моего содержимого ion на divs и добавление этого в app.scss

 div {
  -ms-overflow-style: none; /* Edge, Internet Explorer */
  scrollbar-width: none; /* Firefox */
  overflow-y: scroll;
}

// hides scrollbars while allowing to scroll
div::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}