Полосы прокрутки в прокручиваемых элементах div в кроссплатформенных мобильных браузерах

Я использую прокручиваемые элементы div (с элементом CSS overflow:scroll), чтобы создать страницу для планшетов под управлением Android 3.2+, BlackBerry Playbook и iOS5+ (iPad 1 не поддерживается).
У меня это работает, но мне нужны полосы прокрутки. . Для iOS5 есть этот поддерживаемый код webkit, который я добавляю в стили CSS. Это делает действительно хорошие «нативные» полосы прокрутки Apple:

-webkit-overflow-scrolling: touch;

Есть ли что-то подобное, работающее на Android и BlackBerry? Решение CSS/webkit было бы лучшим решением, но JavaScript тоже подойдет, если это не такой большой плагин, как iScroll или аналогичный. следующее:

::-webkit-scrollbar {
    width: 12px;
}

::-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);
}

Спасибо за вашу помощь!


android javascript css webkit scrollbars
person ABBDVD    schedule 24.02.2012    source источник
comment
Я только что просмотрел другой пост и нашел jScrollbar. Это вариант, который я попробую, но есть ли что-то более примитивное, как для iOS?   -  person ABBDVD    schedule 24.02.2012

Ответы (1)


arrow_upward
0
arrow_downward

Я еще не нашел для этого кросс-платформенного CSS-решения. Я когда-либо использовал легкое решение для сенсорной прокрутки js https://github.com/neave/touch-scroll< /а>

person dbrennan    schedule 12.03.2012
comment
Спасибо за ваш ответ. Этот метод прокрутки имеет хороший «импульс», но он по-прежнему не предоставляет полосы прокрутки. Это только половина решения моей проблемы :S - person ABBDVD; 13.03.2012