一、問題

在用jquery.nicescroll.js時，發現滾動條出現在div的左側，正常情況下應該出現在右側的。如圖：

二、經過

調用代碼： $("#quick").niceScroll({cursorborder:"",cursorcolor:"#F00",cursoropacitymax:0.5,boxzoom:false,autohidemode: false}); 在插件的源碼中打印傳過去的值，沒問題，繼續向下找，發現js并沒有執行下去。最后發現是被其他js給攔截了。。

三、結果

去掉jquery-ui-latest.js文件，就不會出現這個問題了。PS：目前正在為以前的系統更換框架，新的ui框架是bootstrap，不會用到jquer-ui，由于比較懶，沒刪而已，給自己造成麻煩。如圖：

四、由此思彼

經過這件事，對iframe加載過的頁面進行了一些處理，一些父頁面有的方法，在子頁面直接調用父頁面的，子頁面不需要加載更多的js文件

五、最后的最后

推薦一篇寫niceScroll插件使用的博客，特別全：[niceScro插件用法](http://blog.csdn.net/mss359681091/article/details/52838179)

總結

以上是生活随笔為你收集整理的niceScroll滚动条出现在div的左侧（PS：原本应该出现在div右侧）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。