Javascript 从Vanillamodal iframes隐藏/删除滚动条

我使用vanillamodel（）生成iframe，但我希望能够隐藏iframe的滚动条。我尝试将以下内容放入CSS并将溢出命令添加到脚本中，但仍然会出现滚动条

    <li><a id="about-me" href="../about me/about me.html" >about me</a></li>

    iframe {
    overflow: hidden;
    }      


    <script type="text/javascript">
    $(document).ready(function() {
    // Vanillaboxes         
    $('html').css('overflow','hidden');
    $('#about-me').vanillabox({
    animation: 'none',
    closeButton: true,
    preferredWidth: 400,
    preferredHeight: 300,
    repositionOnScroll: true,
    type: 'iframe'              
    });             
    });     
    </script>

iframe{
溢出：隐藏；
}      
$（文档）.ready（函数（）{
//香草盒子
$（'html'）.css（'overflow'，'hidden'）；
$（“#关于我”）.vanillabox({
动画：“无”，
关闭按钮：对，
首选宽度：400，
首选高度：300，
克罗尔：是的，
类型：“iframe”
});             
});     

您的想法是正确的，但是这需要嵌入html。如果你提供一把小提琴或其他信息，我可以进一步查看。

Hmm我不确定这样做的语义。我明白了。我只是添加了：：-webkit滚动条{width:0px；}