Несмотря на использование следующего кода для скрытия полос прокрутки, они все равно отображаются при прокрутке в iOS Safari, Chrome и Android Safari.
::-webkit-scrollbar {
-webkit-appearance: none;
-ms-overflow-style: none;
display: none;
}
element {
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
overflow-x: auto;
}
Я пытался применить стиль CSS от element до html, body, различные комбинации трех и всех трех одновременно. Это не похоже на работу.
Что нелогично, так это то, что полоса прокрутки появляется под элементом, если я применяю вышеописанный стиль к самому элементу, тогда как полоса прокрутки отображается внизу страницы, если я применяю ее к html или body.
Мне не хватает каких-либо стилей или просто невозможно полностью скрыть полосы прокрутки в iOS Safari, Chrome и Android Safari?