Пользовательские полосы прокрутки на iOS 5 не работают

Question

У меня есть веб-страница с внутренним div, который нужно прокрутить.Это прекрасно работает в IOS5, но когда я настраиваю полосы прокрутки, все еще вижу родную?

1. Как можно удалить собственные полосы прокрутки при использовании пользовательских?
2. Кажется, что пользовательские полосы прокрутки также обновляются только после завершения прокрутки, как их прокручивать при перетаскивании элемента div?

Что я пробовал:

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

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

Answer 1

Вы должны удалить -webkit-переполнение прокрутки: сенсорный; отключить ту нативную прокрутку

Попробуйте это:

.webkitScrollClass {
    overflow-y:auto;
    overflow-x:hidden;
}

.webkitScrollClass::-webkit-scrollbar {
   -webkit-appearance: none;
}

.webkitScrollClass::-webkit-scrollbar:vertical {
    width: 6px;
}

.webkitScrollClass::-webkit-scrollbar:horizontal {
    height: 6px;
}

.webkitScrollClass::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .3);
}