自定义iframe滚动条

问题描述：

我想知道是否可以自定义iframe的滚动条。 iframe和页面都在同一个域中，因此这里没有问题。如果是这样，我应该采取什么样的路线，这是我应该做的事情？（设计明智）。自定义iframe滚动条

我会更新这个，因为我得到它的工作。只是想我会提前得到一些见解。

感谢

我的框架是邪恶的，只是说' – Fresheyeball

我包括外部内容和来自其他页面的CSS，我不希望他们的CSS影响我的页面（或反之亦然）。有没有比使用iframe更好的方法？我最初编辑所有的选择器和所有的html节点，但我的CSS解析器并不完美。例如：http://myoca.net/my/test/ –

答

好吧，我最终得到它的工作使用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的偏移量转移。我正在努力解决这个问题。