Scroll 美化滚动条
使用说明 PLUGIN
nicescroll.js是比较非常好用的滚动条美化插件，在github上很受欢迎，本框架在v3.7.6基础上深度集成了该插件，详见官网或Github。
本框架的美化滚动条插件在原插件基础上使用了平台判断函数（仅在PC平台使用）和监听宽高函数（防止错位）。
原插件在控制台会显示错误，在Github的问答中给出解决方法，详见这里。本框架集成的插件已经解决了该问题。
本框架默认对使用ax-scroll类的标签在PC端下使用滚动条美化效果，不需要另外写js。格式如下：
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。
1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。中国疆域辽阔、民族众多，先秦时期的华夏族在中原地区繁衍生息，到了汉代通过文化交融使汉族正式成型，奠定了中国主体民族的基础。后又通过与周边民族的交融，逐步形成统一多民族国家的局面，而人口也不断攀升，宋代中国人口突破一亿，清朝时期人口突破四亿，到2005年中国人口已突破十三亿。
中国文化渊远流长、博大精深、绚烂多彩，是东亚文化圈的文化宗主国，在世界文化体系内占有重要地位，由于各地的地理位置、自然条件的差异，人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等，而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。
当然用户可根据需要对特定的标签使用滚动条美化效果。使用方法如下：
<script type="text/javascript">
$(document).ready(function () {
if(platformIs == 'pc'){
$("#scroll01").axScroll();
}
});
</script>
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。
1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。中国疆域辽阔、民族众多，先秦时期的华夏族在中原地区繁衍生息，到了汉代通过文化交融使汉族正式成型，奠定了中国主体民族的基础。后又通过与周边民族的交融，逐步形成统一多民族国家的局面，而人口也不断攀升，宋代中国人口突破一亿，清朝时期人口突破四亿，到2005年中国人口已突破十三亿。
中国文化渊远流长、博大精深、绚烂多彩，是东亚文化圈的文化宗主国，在世界文化体系内占有重要地位，由于各地的地理位置、自然条件的差异，人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等，而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。
如果容器是由js创建或者ajax创建的话，调整大小的时候会导致滚动条不会变化，使用getAxScroll().resize()方法可实现自动变化，但由于js加载需要一定时间，故而建议配合使用setTimeout函数。重新调整高度
<script type="text/javascript">
$(document).ready(function () {
$("#scrollR").click(function(){
$("#scroll01").height(150);
setTimeout(function(){ $("#scroll01").getAxScroll().resize();}, 500);
});
});
</script>
对textarea有效
除了对iframe无效之外，对body、textarea、div都有效。
大概是插件的缺陷，美化滚动的z-index会默认等于最外层div的z-index值，但是textarea却是特例，如果对textarea使用美化滚动会默认等于textarea的z-index。如果textarea被其他z-index更高的div包裹，会导致美化滚动被遮盖而不能显示，解决方法是对该例使用zindex参数，如本例。
取消美化滚动条
<script type="text/javascript">
$(document).ready(function () {
$("#scrollN").click(function () {
$("#scroll02").getAxScroll().hide();
});
$("#scrollY").click(function () {
$("#scroll02").getAxScroll().show();
});
});
</script>
使用全屏
如果需要使用美化滚动的全屏按钮需要使用参数boxzoom:true。
<script type="text/javascript">
$(document).ready(function () {
$("#scroll04").axScroll({boxzoom:true});
});
</script>