javascript - 如何在容器内显示滚动条？

Question

我想在内容溢出时像 facebook 通知一样在容器内显示滚动条吗？

设置overflow:auto在容器外显示滚动条。

如何在容器外渲染滚动条？

Answer 1

你可以使用这个插件jQuery custom content scroller

在 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);

Demo