aralejs/iframe-shim

Iframe-Shim Utility

iframe-shim's Issues

z-index 的问题

如果 target 的父级元素设置了 position 而未设 z-index，那么 iframe 的高度永远高于 target

<div style="position:relative;">
   1
    <div style="position:absolute;z-index:2;">
    2
    </div>
</div>
<div style="position:relative;z-index:1;">
3
</div>

在 IE6,7 3 高于 2，其他浏览器正常

http://doc.chuo.me/demo/z-index.html

某些场景无法遮挡

如果页面上有 DOM 设置了 z-index，那么现在的 iframe 就无法盖住这个 DOM。

尝试去获取 target 的 z-index，可以通过这个值去设置 iframe 的 z-index。

调整 iframe-shim 的接口

调整为工具类的接口

shim = iframeShim('#target');
shim.sync();
shim.destroy();

如果传入的对象有 show 和 hide 方法，可不调用 sync

var obj = {
  element: '#target',
  show: function(){},
  hide: function(){}
};
iframeShim(obj);
obj.show(); // 显示 iframe
obj.hide(); // 隐藏 iframe

可直接操作绑定实例，这样不需要在组件内部集成

var popup = new Popup();
iframeShim(popup);

目录结构可能需要调整

spm install之后的目录结构与主流模块的结构不一致，多了iframe-shim这一层。

chrome 无法链式调用

new Shim().sync().sync();

Noop 未 return this