自定义iframe滚动条

Question

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

我将在工作时对其进行更新。 只是想我会尽早获得一些见识。

谢谢

Answer 1

好的，我最终使用jScrollPane使其开始工作。 我唯一遇到的麻烦是jquery.jscrollpane.css必须位于每个iframe中，而不是外部，这很有意义。

之后，只需要

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

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

之后，滚动条便会发粘。 通过在单击滚动条后将i​​frame覆盖在不可见的元素中，并在释放时将其隐藏，我解决了这一问题。 这是由

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

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

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