移動瀏覽器中可滾動div中的滾動條跨平台

Question

我正在使用可滾動div（帶有CSS元素overflow：scroll）為運行Android 3.2 +，BlackBerry Playbook和iOS5 +（不支持iPad 1）的平板電腦建立頁面。
我得到了這個工作，但我想要滾動條。 對於iOS5，我刪除了此受支持的Webkit代碼，並將其添加到CSS樣式中。 這使像蘋果滾動條的“ native”非常好：

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

謝謝你的幫助！

Answer 1

我尚未為此找到跨平台CSS解決方案。 我曾經使用過輕量級js解決方案觸摸滾動https://github.com/neave/touch-scroll