javascript - コンテナ内にスクロールバーを表示するには?

Question

Facebook 通知などのコンテンツ オーバーフロー時にコンテナ内にスクロールバーを表示したいですか?

overflow:autoコンテナの外にスクロールバーを表示する設定。

スクロールバーをコンテナの外にレンダリングするには?

Answer 1

このプラグインjQueryカスタムコンテンツスクローラーを使用できます

HTML ドキュメントの head タグ内に jquery.mCustomScrollbar.css を含めます。

<link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />

jQuery ライブラリを含める

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.mCustomScrollbar.concat.min.js"></script>

mCustomScrollbar を呼び出す

<script>
(function($){
    $(window).load(function(){
        $(".content").mCustomScrollbar();
    });
})(jQuery);

デモ