iframe中的下拉菜单，能不能突破iframe显示

复制内容到剪贴板

代码:

<iframe id="test" src="./iframe.html" ></iframe>
<script>
(function(){
    var $gid = function (id){
        return document.getElementById(id);
    };
    var $gbcr = function (obj){
        var p = obj.getBoundingClientRect();
        return {left: p.left, top: p.top};
    };
    // 获取iframe的相对于本页的位置
    var thisPage = $gbcr($id('test')),
        thisLeft = thisPage.left,
        thisTop = thisPage.top;
    
    // 获取子页面菜单按钮相对于iframe的位置
    var iframePage = $gbcr($id('test').contentWindow.$gid('showMenu')),
        iframeLeft = iframePage.left,
        iframeTop = iframePage.top;
    
    // 菜单按钮与本页的坐标结果
    var btnLeft = thisLeft + iframeLeft,
        btnTop = thisTop + iframeTop;
)();
</script>

复制内容到剪贴板

代码:

<a id="showMenu">打开菜单</a>