滾動div在移動瀏覽器中的滾動div跨平臺

我正在使用滾動div（與CSS元素溢出：滾動）爲平板電腦運行Android 3.2+，BlackBerry Playbook和iOS5 +（不支持iPad 1）。
我得到了這個工作，但我想滾動條。對於iOS5，我將這些受支持的webkit代碼剪切掉，並添加到CSS樣式中。這使得非常好的「天然」像蘋果這樣滾動條：
滾動div在移動瀏覽器中的滾動div跨平臺

-webkit-overflow-scrolling: touch;

是否有類似的一些東西，在Android和黑莓的作品？一個CSS/webkit解決方案將是最好的，但只要它不是像iScroll或類似的大插件，JavaScript也可以。
我測試過，但因爲它是落後於「不工作在所有平臺上非常糟糕的是：

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

感謝您的幫助！

來源

2012-02-24 ABBDVD

我剛纔看了另一篇文章，發現[jScrollbar]（http://www.myjqueryplugins.com/jScrollbar/）。這是我會嘗試的一個選項，但有沒有像iOS版本那樣更糟糕的東西？ – ABBDVD 2012-02-24 10:42:30

我還沒有找到一個跨平臺的CSS解決方案。我曾經如何使用輕量級的js解決方案觸摸滾動https://github.com/neave/touch-scroll

來源

2012-03-12 21:18:30 dbrennan

謝謝你的回答。這種滾動方法有一個很好的'勢頭'，但它仍然不提供滾動條。這對我所遇到的麻煩來說只是一個解決方案：S – ABBDVD 2012-03-13 10:09:09

滾動div在移動瀏覽器中的滾動div跨平臺

回答

相關問題