niceScroll滚动条出现在div的左侧(PS:原本应该出现在div右侧)

一、问题

在用jquery.nicescroll.js时,发现滚动条出现在div的左侧,正常情况下应该出现在右侧的。如图:![这里写图片描述](https://img-blog.csdn.net/20171019102658672?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveWFuMjYzMzY0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

二、经过

调用代码:
$("#quick").niceScroll({cursorborder:"",cursorcolor:"#F00",cursoropacitymax:0.5,boxzoom:false,autohidemode: false});
在插件的源码中打印传过去的值,没问题,继续向下找,发现js并没有执行下去。最后发现是被其他js给拦截了。。

三、结果

    去掉jquery-ui-latest.js文件,就不会出现这个问题了。PS:目前正在为以前的系统更换框架,新的ui框架是bootstrap,不会用到jquer-ui,由于比较懒,没删而已,给自己造成麻烦。如图:
    ![这里写图片描述](https://img-blog.csdn.net/20171019103052907?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveWFuMjYzMzY0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

四、由此思彼

    经过这件事,对iframe加载过的页面进行了一些处理,一些父页面有的方法,在子页面直接调用父页面的,子页面不需要加载更多的js文件

五、最后的最后

推荐一篇写niceScroll插件使用的博客,特别全:[niceScro插件用法](http://blog.csdn.net/mss359681091/article/details/52838179)

猜你喜欢

转载自blog.csdn.net/yan263364/article/details/78281486
今日推荐