Полосы прокрутки в прокручиваемых div'ах в мобильных браузерах кроссплатформенные - PullRequest
Новая
       9

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

1 голос
/ 24 февраля 2012

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

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

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

1 Ответ

0 голосов
/ 13 марта 2012

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

...