从Vanillamodal iframe隐藏/删除滚动条

时间:2014-06-20 17:39:19

标签: javascript css scroll modal-dialog hide

我使用Vanillamodal(http://cocopon.me/app/vanillabox/demo.html)来生成iframe,但我希望能够隐藏iframe的滚动条。我尝试将以下内容放入CSS并将overflow命令添加到脚本中,但滚动条仍然出现。

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

1 个答案:

答案 0 :(得分:0)

你有正确的想法,但这需要内联html。如果您提供小提琴或更多信息,我可以进一步查看。