js模拟滚动条

        在项目开发的过程中，拿到的设计图总是很精美，但是代码实现的结果却总是差强人意。滚动条就是一个例子，今天小菜就用js去模拟滚动条，以替代原本各个浏览器风格不一的滚动条。

       主要用到的事件：鼠标的拖拽(鼠标按下mousedown，鼠标移动mousemove，鼠标松开mouseup)，以及给内容添加滑轮滚动的监听事件。由于jquery中没有对这一事件的支持，所以将用原生的js去实现这一部分的代码。

       效果演示：http://sandbox.runjs.cn/show/k7x81fzd

       在线代码：http://runjs.cn/code/k7x81fzd

       可能代码并没有您手下的好，但还是希望能够指正本菜鸟一些不足的地方。欢迎一起学习交流！

       下面是代码部分：

      html:

<div class="con" id="con">
      <div class="contant" id="contant">
        <p>1111111111</p>
        <p>2222222222</p>
        <p&