Javascript 自定义iframe的滚动条

我想知道是否可以为iframe定制滚动条。iframe和页面都在同一个域中，因此没有问题。如果是的话，我应该走什么路线？这是我应该做的事情吗？（设计方面）

我会在它工作时更新它。我只是想提前了解一些情况

---

谢谢

好吧，我最后还是用了。我遇到的唯一问题是jquery.jscrollpane.css需要在每个iframe内部，而不是外部，这是有道理的

后来，只花了

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

其中，iframe的父级中存在上述javascript。jScrollPane js文件也在父级中，而不是每个单独的iframe中

之后，滚动条会变粘。我解决了这个问题，在点击滚动条后，用一个不可见的元素覆盖iframe，并在释放时揭开它。这是由

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

其中cover_iframes和uncover_iframes分别调用cover元素的.show（）和.hide（）

---

现在我注意到，当滚动条移动时，它会随着iframe的偏移量而移动。我现在正在解决这个问题。

好吧，我最终还是用了。我遇到的唯一问题是jquery.jscrollpane.css需要在每个iframe内部，而不是外部，这是有道理的

后来，只花了

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

其中，iframe的父级中存在上述javascript。jScrollPane js文件也在父级中，而不是每个单独的iframe中

之后，滚动条会变粘。我解决了这个问题，在点击滚动条后，用一个不可见的元素覆盖iframe，并在释放时揭开它。这是由

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

其中cover_iframes和uncover_iframes分别调用cover元素的.show（）和.hide（）

---

现在我注意到，当滚动条移动时，它会随着iframe的偏移量而移动。我现在正在努力解决这个问题。

我的框架是邪恶的，只是说我包含了其他页面的外部内容和css，我不希望他们的css影响我的页面（反之亦然）。有没有比使用iframe更好的方法？我最初编辑他们的所有选择器和所有html节点，但我的css解析器并不完美。示例：我的框架是邪恶的，只是说我包含了其他页面的外部内容和css，我不希望他们的css影响我的页面（反之亦然）。有没有比使用iframe更好的方法？我最初编辑他们的所有选择器和所有html节点，但我的css解析器并不完美。例子：