css - ドロップダウンメニューのスタイリッシュなスクロールバー

Question

長いドロップダウン メニューがあります。スクロールするためのオーバーフロー プロパティを使用しましたが、見栄えがよくありません...スクロールバーに適切な CSS を適用する方法を教えてください。

Answer 1

デフォルトのブラウザー スクロールバーの代わりにjScrollPane (jquery プラグイン)を使用してみてください。

例: http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html

Answer 2

最新のブラウザーでは、独自の css プロパティを使用してスクロール バーのスタイルを設定することしかできません。利用可能な -webkit プロパティへのリンクは次のとおりです: http://css-tricks.com/custom-scrollbars-in-webkit/

クロスブラウザー ソリューションが必要な場合は、JS を使用する必要があります。これは私が以前に使用したプラグインで、かなりうまく機能し、簡単にカスタマイズできます: http://www.dynamicdrive.com/dynamicindex11/facescroll/index.htm Facebook のスクロール バーのように機能し、ドロップダウン メニューに非常に適しています。シナリオ。