无法使用jQuery自定义内容滚动条向iframe添加自定义滚动条？

Question

我有以下iframe代码

<div id="demoframe" class="content">
<iframe src="mysite.com"  width="100%" height="500px" style="border:none"></iframe>
</div>

并遵循javascript代码

<script>
 (function($) {
  $(window).load(function() {
    $("body").mCustomScrollbar({
      theme: "dark"
    });
    $("#demoframe").mCustomScrollbar({
      theme: "dark"
    });
  });
})(jQuery);
</script>

但是，只有身体的滚动条更改而不是iframe？我在这里做错了什么。

Answer 1

它只为CSS添加body元素。添加iframe元素。

Answer 2

我想你需要参考iframe：

$("#demoframe").find('iframe').mCustomScrollbar({theme:"dark"});

或

$("#demoframe iframe").mCustomScrollbar({theme:"dark"});