自定义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的偏移量移动。我正在努力解决这个问题。