flex-iframe 在IE 下显示错位问题

最新推荐文章于 2021-03-30 11:56:21 发布

转载最新推荐文章于 2021-03-30 11:56:21 发布 · 1.5k 阅读

Flex + FMS 专栏收录该内容

176 篇文章

订阅专栏

本文解决了一个在特定条件下iframe显示位置不正确的问题。当SWF文件不是body的直接子元素时，在IE浏览器中获取的偏移量是相对于父元素而非body。通过修改IFrameExternalCalls.as中的代码，并使用jQuery来计算正确的偏移量。

如果 swf 不是 body 的直接子元素，

获得 offset 在IE下，是相对于父元素的，而不是相对于body的。

导致 iframe 的位置错误。

修改了 IFrameExternalCalls.as 中的代码，采用 jquery 计算 offset .

public static var INSERT_FUNCTION_MOVEIFRAME:String =
            "document.insertScript = function () " +
            "{ " +
                "if (document." + FUNCTION_MOVEIFRAME + "==null) " +
                "{ " +
                    FUNCTION_MOVEIFRAME + " = function(frameID,iframeID,x,y,w,h,objectID) " +
                    "{" +
                        "var frameRef = document.getElementById(frameID); " +
                        "var swfObject = document.getElementById(objectID); " +
                        "var offset = jQuery(swfObject).offset();"+
                        "frameRef.style.left = x + offset.left + 'px'; " +
                        "frameRef.style.top = y + offset.top + 'px'; " +
                        "frameRef.style.width = w + 'px'; " +
                        "frameRef.style.height = h + 'px'; " +
                        "var iFrameRef = document.getElementById(iframeID); " +
                        "iFrameRef.width = w;" +
                        "iFrameRef.height = h;" +
                    "}" +
                "}" +
            "}";