显示信息时，如果信息量过大，主要有三种解决方案。1.分页，通过分页显示信息。2.显示整个页面，但页面太长，影响浏览体验。3.使用滚动条，但默认滚动条样式过于单一，用户体验不友好。所以我们需要美化滚动条。

美化滚动条最简单的方法是使用jquery插件。本文介绍jquery插件中的滚动条插件nanoscroller。

官方展示，款式可定制

1.nanoscroller插件功能

实现内容滚动功能

2.2.nanoscroller的官方地址

http://jamesflorentino.github.io/nanoScrollerJS/

3.如何使用3.nanoscroller

1.参考文件

脚本类型=' text/JavaScript ' src=' http : jquery-1 . 9 . 1 . js '/script script type=' text/JavaScript ' src=' http 3360 jquery . nanoscroller . js '/script linkrel='样式表' href=' nanoscroller.css '。nano { background: # bba宽度： 500 px；高度： 500 px；font-size :12 px；Font-family:微软雅黑；border-radius :8 px；}.纳米。内容{ padding: 20px}.纳米。窗格{ background: # 555宽度： 8px；right: 1pxmargin: 5px}.纳米。滑块{ background: # 111}3.滚动显示的内容

div id=' about ' class=' nano ' div class=' content '滚动内容/div/div以上就是本文的全部内容，希望大家都能喜欢。