如何让mCustom jQuery滚动条在iframe中工作

Question

经过几个小时的争夺并搜索网页的深度，我仍然无法让我的iframe与mCustom jQuery滚动条一起使用。 iframe中不会显示滚动条。请注意，我的小提琴下方有一个单独的容器，只是为了向专家证明自定义滚动条在这个小提琴中起作用 - 但当然只适用于普通容器。小提琴http://jsfiddle.net/57ujsv0a/

任何帮助都非常感激。

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;  
}