Android :: Webview刪除DIV的滾動條

Question

我做了一個帶有可滾動div的小網頁。當我在瀏覽器中加載它時，它工作正常。但是當我在Android的webview中加載它時，它不會讓我滾動div。有沒有解決方法，或者我必須使用不同的設計？我正在談論像this這樣的網站。

Answer 1

不幸的是，大多數當前的移動Webkit瀏覽器都不支持可滾動的div。原生支持的一個偉大的選擇是iScroll Javascript庫，它可以模擬真實滾動：

http://cubiq.org/iscroll

複製/項目介紹粘貼在該網頁：

溢出：滾動移動WebKit的。項目啓動是因爲webkit for iPhone不提供本地方式來滾動固定大小（寬度/高度）div內的內容。所以基本上不可能有一個固定的頁眉/頁腳和一個滾動的中心區域。到現在。

版本3.3及更高版本支持Android> = 1.5。

Answer 2

更新（因爲這是對「WebKit的滾動機器人」的N°1搜索結果之一）：
overflow:scroll在Android的支持蜂窩型的，我相信。在iOS5 +和BlackBerry Playbook上，確實v 3.2+和跨平臺。
我沒有特別用webview測試它，但我認爲它在本地瀏覽器中受支持，所以它也應該在webview中支持。

Answer 3

您可以使用webkit的僞元素來自定義滾動條樣式。

試試這個：

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

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

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

::-webkit-scrollbar-thumb:window-inactive { 
    background: rgba(255,0,0,0.4); 
}