Как скрыть этот индикатор плавающей прокрутки на мобильном телефоне?

Question

Сначала я подумал, что вы можете использовать это правило, которое работает для настольных компьютеров Chrome:

::-webkit-scrollbar {
    display: none
}

Но это не сработало. Поработав с webkit-scrollbar и другими его селекторами, я понял, что эта штука может не быть частью webkit-scrollbar в конце концов:

Это почему на него не влияют какие-либо правила, которые я ввожу для webkit-scrollbar.

Этот индикатор плавающей прокрутки появляется только при прокрутке страницы.

Для контекста я пытаюсь скрыть это для веб-сайта, который я использую для чтения веб-мультфильмов, потому что это отвлекает. Я использую расширение Stylus в браузере Kiwi (браузер Android на основе Chrome, который поддерживает расширения), чтобы настроить CSS веб-сайта.

Изменить:

Эти это скриншоты результатов поиска Google по запросу "Reddit". ::-webkit-scrollbar {display: none;} действует. Снял при прокрутке. Рабочая полоса прокрутки видна на рабочем столе, но не на мобильном устройстве. В мобильном телефоне есть только этот индикаторный элемент.

• Обычный - полоса прокрутки скрыта.
• Режим устройства - этот индикатор появляется, когда вы свиток.

Answer 1

Поскольку Kiwi основан на WebKit, это должно быть возможно. Вы можете попробовать с помощью width:

body::-webkit-scrollbar {
   width: 0 !important 
}