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

Unable to add custom scrollbar to iframe using jQuery custom content scroller?

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

我有以下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的滚动条？我在这里做错了什么。

它只是为CSS添加了body元素。添加一个iframe元素。

我想您需要参考iframe:

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

或

$("#demoframe iframe").mCustomScrollbar({theme:"dark"});
相关文章：