javascript - 为 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 的偏移量移动了。我现在正在努力解决这个问题。