最近，该项目中的一个模块用于实时监控。在左边，有一个菜单栏来显示所有的设备。当然，这是从数据库中得到的。右边的iframe用于显示监控画面。原来，这个功能并不复杂，左边的菜单项是dtree.js实现使用，但当结束后实施，但发现一个问题，在一些设备的菜单栏名称左侧会很长，将超过DIV的长度，表示在iframe的宽度和长度的左侧是准确是不够的，我们必须使用滚动条。我们可以设置overflow-x：汽车左边的菜单项的div，overlfow-y：汽车，将自动生成滚动条，但我们都知道他们是丑陋的。那么如何修改滚动条的样式。

通过互联网的不断搜索，有两种方法可以找到答案。

第一种方法：使用CSS提供的样式，它总共有8个属性。这里没有详细的介绍，也没有很多关于互联网的信息。

The second method: write a new scroll bar, that is, the scrollbar that is not used by Div.So what kind of effect you want to have.In fact, a lot of searches have been done on the Internet. 可以发现，基本上只有垂直滚动条，而不是水平滚动条。在绝望中，他们使用jQuery编写另一个滚动条，当然，只使用垂直滚动条绘制程序。

谈论具体的实现思路：目标DIV是用来产生滚动条DIV嵌套在3 DIV，分别用于显示的div_content显示内容，垂直滚动条div_h，显示水平滚动条div_w，是在与滚动条DIV布局的具体布局一致，然后显示滚动条的div div_h和div_w都包含3个div，即箭头2、滚动条1。具体代码如下：
复制代码代码如下所示：
如果（$（_self）。儿童（。jscroll-c）。Height（）= = null）{
添加内容框（div）
（_self美元）。WrapInner（）；
添加垂直滚动条
$（_self）。追加（）；
添加水平滚动条
$（_self）。追加（）；
}

然后，除了div的内容超出div的范围并监视事件的添加之外，只有几个判断，具体的代码可以看到我的下载资源；