0
我有一個很長的下拉菜單。我已經使用溢出屬性，通過它滾動....但它看起來不錯...請建議我如何給好CSS滾動條下拉菜單中的時尚滾動條
A
回答
0
在現代瀏覽器中，你只能使用專用的CSS屬性樣式的滾動條。這裏是一個指向-webkit屬性的鏈接：http://css-tricks.com/custom-scrollbars-in-webkit/
如果你想要一個更多的跨瀏覽器的解決方案，你將不得不使用一些JS。這裏有一個我以前用過的插件，工作得很好，可以很容易地定製：http://www.dynamicdrive.com/dynamicindex11/facescroll/index.htm 它的工作方式類似於Facebook上的滾動條，對於下拉菜單場景非常適用。
0
嘗試使用jScrollPane（jquery插件），而不是默認的瀏覽器滾動條。
例子：http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html
相關問題
- 1. 下拉菜單滾動條問題
- 2. 帶滾動條隱藏下拉菜單的邊欄菜單
- 3. 擺脫的滾動條，下拉菜單中的移動
- 4. 滾動下拉菜單滾動太多
- 5. 引導下拉菜單中的自定義滾動條（jQuery滾動條）
- 6. jQuery下拉菜單在使用滾動條時隱藏
- 7. 使用下拉菜單顯示滾動條時出現問題
- 8. Wordpress標題中的Superfish菜單在下拉菜單上創建滾動條
- 9. Kendo UI下拉菜單移動滾動
- 10. 長期（滾動）下拉菜單的CSS
- 11. JQuery選中下拉菜單時，將滾動條放置在「切」下
- 12. 在下拉菜單中移除垂直滾動條
- 13. 從下拉菜單中缺少滾動條
- 14. 如何在下拉菜單中隱藏moz滾動條
- 15. 下拉滾動條
- 16. Click＆With滾動條上的下拉菜單（僅CSS）
- 17. 下拉菜單上的自定義滾動條
- 18. 下拉菜單重疊的動作條
- 19. Typeahead - 可滾動下拉菜單
- 20. 製作滾動下拉菜單
- 21. 點擊下拉菜單滾動
- 22. 滾動下拉菜單推內容
- 23. 如何爲下拉菜單添加滾動條
- 24. 搜索和滾動條下拉菜單引導
- 25. 在下拉菜單選項上添加滾動條
- 26. 引導 - 水平滾動條出現在長下拉菜單項
- 27. 帶滾動條的JavaScript滾動菜單
- 28. 當菜單回滾時，CSS下拉菜單跳轉
- 29. 下拉列表中的滾動條
- 30. div中的下拉菜單的子菜單不會在滾動後對齊
嘗試：http://stackoverflow.com/questions/7725652/css-scrollbar-style-cross-browser – Jeroenhoman
在這裏寫了關於滾動條樣式選項的詳細答案：http://stackoverflow.com/a/14150577/ 1085891 – JSuar