Подтвердить что ты не робот

IOS: любой способ сделать -webkit-overflow-scrolling и:: - webkit-scrollbar работать вместе?

Я пытаюсь применить пользовательские стили к полосам прокрутки (на самом деле, пытаюсь сделать полосы прокрутки всегда видимыми) и сохранить прокрутку импульса для приложения iOS:

#container {
    height: 400px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

#container::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: #000;
}

#container::-webkit-scrollbar:horizontal {
    height: 6px;
}

#container::-webkit-scrollbar-thumb {
    background-color: #000;
}

#container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #333;
}

Но -webkit-overflow-scrolling: touch и ::-webkit-scrollbar стили ::-webkit-scrollbar не работают вместе. Там уже связанный вопрос по StackOverflow:

-webkit-overflow-scrolling: касание ломает мою -webkit-полосу прокрутки css в iOS

Итак, с высоты весны'2016, есть ли способ прокрутки импульса при одновременной стилизации полос прокрутки? Я готов отказаться от -WebKit-overflow-scrolling: touch если есть другой метод, который может подделать его.

Пожалуйста, не предлагайте использовать niceScroll, iScroll и т.д. - я пробовал это; на самом деле, я сейчас использую один из таких сценариев и хочу уйти от него.

4b9b3361

Ответ 1

Вы пытались помещать "переполнение: прокрутку" в CSS?

Ответ 2

Как было упомянуто в вышеупомянутой теме, -webkit-overflow-scrolling: touch не совместим с вашими свойствами -webkit-scrollbar. Если вы не хотите загружать сторонний скроллер, вам придется написать несколько пользовательских JS, чтобы получить нужную вам функциональность.