移動WebKit的滾動條

我目前嘗試的風格對周圍的表一個div溢出，我使用WebKit的具體樣式要做到這一點移動WebKit的滾動條

.overflow::-webkit-scrollbar { 
     width:30px; 
     } 
    .overflow::-webkit-scrollbar-track { 
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
     -webkit-border-radius: 15px; 
     border-radius: 15px; 
    } 
    .overflow::-webkit-scrollbar-thumb { 
     -webkit-border-radius: 15px; 
     border-radius: 15px; 
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
     background:#f00; 
    }

這些桌面瀏覽器上運行偉大但不在移動設備上工作。

手機瀏覽器根本不支持這個問題嗎？或者將支持在不久的將來推出？

我已經看到了一些基於Javascript的解決方案，但是這些都增加了一點點膨脹，以便簡單地在基於webkit的瀏覽器中設計一個滾動條。

來源

2012-08-06 JohnC

你不能風格的原生滾動條上移動，我懷疑你將能夠，對不起。

我不能說爲什麼有任何權威，但所有的手機和操作系統使用不同的瀏覽器，每個人都會有自己的滾動條的實現。很多人也採用了iOS的衰落滾動條方法，這意味着無論如何都沒有太多的關注點。

這確實限制您使用自定義解決方案。

來源

2012-08-06 09:02:12 will

-1

移動Safari瀏覽器不支持格滾動，你可以使用iscoll框架

來源

2012-08-06 09:01:44 mier

是的。 'overflow：scroll;' – will 2012-08-06 09:02:52

我認爲你應該使用自定義滾動條。對於自定義滾動條，你使用jquery滾動條「jscrollPane」。您必須下載這些文件： ScrollPanel.js，jquery.mousewheel.js，jquery.jscrollpane.min.js，jquery.jscrollpane.js，jquery.jscrollpane.css

欲瞭解更多詳情請點擊此鏈接： http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

來源

2012-08-06 12:05:28

移動WebKit的滾動條

回答

相關問題