html - 样式化滚动条

Question

我已经实现了一个带有滚动条的部分，它将显示描述。它现在工作正常。但它现在具有默认样式。我想自定义滚动条的样式，使其看起来不错。

HTML代码

      <div class="desc" style="width:100px; height:300px; overflow: auto; background:#CCC;" >
      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem           Ipsum has been the industry's standard dummy text ever since the 1500s,           when an unknown printer took a galley of type and scrambled it to make a           type specimen book. It has survived not only five centuries, but also the leap           into electronic typesetting, remaining essentially unchanged. It was           popularised in the 1960s with the release of Letraset sheets containing           Lorem Ipsum passages, and more recently with desktop publishing           software like Aldus PageMaker including versions of Lorem Ipsum.
      </div>

Answer 1

您可以为此使用 slim scroll 插件 http://rocha.la/jQuery-slimScroll .