javascript - 从 Vanillamodal iframe 中隐藏/删除滚动条

Question

我正在使用 Vanillamodal ( http://cocopon.me/app/vanillabox/demo.html ) 生成 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>

Answer 1

您的想法是正确的，但是这需要内嵌在 html 中。如果您提供 fiddle 或更多信息，我可以进一步查看。