如何让mcustomjquery滚动条在iframe中工作

经过几个小时的斗争和搜索网页的深度，我仍然无法让我的iframe与mcustomjquery滚动条一起工作。iframe中不显示滚动条。请注意，我的小提琴在下方有一个单独的容器，只是为了向专家证明自定义滚动条在小提琴中可以工作——当然，这只适用于普通容器。拨弄

非常感谢您的帮助

https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.1/jquery.mCustomScrollbar.concat.min.js
https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.1/jquery.mCustomScrollbar.min.css


<div id="OuterContainer">
<div id="InnerContainer">

<iframe id="TabularFrame" scrolling="no" src="https://c2amf323.caspio.com/dp.asp?AppKey=3eb84000d74521dad93a427d8e36">
</iframe>

</div>
</div>





$('#InnerContainer').mCustomScrollbar({
theme: "dark-3",
axis: "yx",
scrollInertia: 500,
autoDraggerLength: false,
});





#OuterContainer{
height: 220px;
width: 550px;
padding:10px;
border:1px solid red;
}

#InnerContainer{
height: 170px;
width: 520px;
border:1px solid blue;
overflow-y: hidden;
overflow-x: hidden;
Padding: 30px 0px 0px 30px;
}

#TabularFrame{
height: 140px;
width: 460px;
overflow: hidden;  
}

https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.1/jquery.mCustomScrollbar.concat.min.js
https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.1/jquery.mCustomScrollbar.min.css
$（'#InnerContainer'）.mCustomScrollbar({
主题：“黑暗-3”，
轴：“yx”，
总惯性：500，
AutoDragger长度：false，
});
#外部容器{
高度：220px；
宽度：550px；
填充：10px；
边框：1px纯红；
}
#内容器{
高度：170px；
宽度：520px；
边框：1px纯蓝色；
溢出y：隐藏；
溢出x：隐藏；
填充：30px 0px 0px 30px；
}
#表格框架{
高度：140像素；
宽度：460px；
溢出：隐藏；
}

我强烈怀疑这是一个“事件没有按照您的假设发生”的问题。我的意思是，当代码执行时，DOM中可能不存在#InnerContainer元素。您需要在iframe内容上有一个document.ready（）样式的事件才能确定它是否存在。一个快速测试是在外部html上单击一个按钮，将mCustomScrollbar（）应用于内部容器。然后加载页面，数到10，然后单击按钮，看看它是否“有效”。如果是这样，那么在将mCustomScrollbar（）应用于iframe元素之前，您需要跟踪iframe的加载情况。非常感谢您的建议。我试试看，看我过得怎么样。顺便说一句，我希望将滚动条应用于tablerframe而不是内部容器（因为我需要iframe中的表标题行），但我一直在反复使用这段代码，以至于我错误地将脚本视为希望滚动条位于内部容器上。不，不幸的是，在DOM执行之后激活jQuery仍然不会产生滚动条。你知道有没有其他的scrollbar插件可以使用iFrame吗？我的研究表明，大多数人不会。