自定义iframe的滚动条

Customize scrollbars for iframe

本文关键字：滚动条 iframe 自定义      更新时间：2023-09-26

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

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

感谢

好吧，我最终用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分别调用covering元素的.show（）和.hide（）。

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

相关文章：