Как скрыть скроллбар в ios safari, android opera на телефоне?

Question

[Сергей]

Уже извечный вопрос - но ничего из этого не работает. Других вариантов не найду.

scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-color: $trs;

    &::-webkit-scrollbar,
    &::-moz-scrollbar {
      width: 0 !important;
      height: 0 !important;
      display: none !important;
      background-color: $trs;
    }

    &::-webkit-scrollbar-thumb,
    &::-webkit-scrollbar-track-piece,
    &::-webkit-resizer {
      background-color: $trs;
      width: 0 !important;
      height: 0 !important;
    }
    &::-webkit-scrollbar-track {
      background-color: $trs;
      width: 0 !important;
      height: 0 !important;
    }

Answer 1

[Сергей]

Нашел такое решение - https://jsbin.com/lohiga/edit?html,css,output
Нужно ограничивать высоту родителя и через увеличение padding-bottom прятать скроллбар. Проверено - работает.

Answer 2

[Danny Arty]

Попробуйте

.element::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
}