自定義iframe滾動條

Question

我想知道是否可以自定義iframe的滾動條。 iframe和頁面都在同一個域中，因此這裏沒有問題。如果是這樣，我應該採取什麼樣的路線，這是我應該做的事情？ （設計明智）。

我會更新這個，因爲我得到它的工作。只是想我會提前得到一些見解。

感謝

Answer 1

好吧，我最終得到它的工作使用jScrollPane。我遇到的唯一問題是，jquery.jscrollpane.css需要位於每個iframe中，而不是外部，這很有意義。

隨後，時採取了

$("iframe").each(function(){ 
    var body = $("body",this.contentWindow.document) ; 
    body.jScrollPane(); 
}); 

其中以上JavaScript是存在於iframe的父。 jScrollPane js文件也在父級中，而不是每個單獨的iframe。

之後，滾動條很粘。我解決了這個問題，通過在單擊滾動條後隱藏不可見元素中的iframe，並在釋放時展開。這是通過

$(".jspDrag",body).on('mousedown',cover_iframes); 
$("body").on('mouseup',uncover_iframes); 

其中cover_iframes和uncover_iframes分別調用覆蓋元件的.show（）和.hide（），來完成。

現在我注意到，當滾動條被移動時，它會被iframe的偏移量轉移。我正在努力解決這個問題。