Nicescroll滚动条插件手机端问题总结

Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。

官网地址：http://www.areaaperta.com/nicescroll/

引入核心文件，插件需要引入1.5.X以上版本的jquery库

最简单的用法如下：

$(document).ready(
  function() {
    $("html").niceScroll(); });

注意：一定要放在 $(document).ready 中进行初始化！

滚动条可以隐藏和显示：

$("#mydiv").getNiceScroll().hide();

$("#mydiv").getNiceScroll().show();

检测滚动条是否重置大小（当窗口改变大小时）:

$("#mydiv").getNiceScroll().resize();

开发过程遇到问题：

1.双层div,内层div滚动时同侧会出现两个滚动条

原因：内层div设置了高度，新增了一个滚动条

解决：内层div不设置高度（如果为横向滚动则不设置宽度，最好高度和宽度都不设置）

2.手机端拖拽无法激活滚动条

原因：未明

解决：在加载时先设置滚动条显示：$("#mydiv").getNiceScroll().show();

         然后再重置滚动条大小：$("#mydiv").getNiceScroll().resize();

这两个问题困扰了我一天，希望可以给其他有同类问题的朋友一些启发。

参考网址：https://www.cnblogs.com/jinqi79731/p/nicescroll.html