【求助】获取隐藏的iframe中元素的宽度的问题

2016-04-06 09:32:50 232 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

iframe隐藏scrollbar并且还能够继续滚动 frame 有个属性 scrolling，直接设置 scrolling=‘no’ 即可隐藏scrollbar。不过感觉有可能谁闲的设置过scrollbar的宽度怎么办呢，那就把这个值改成获取的吧。另外一个就是外边包一层比iframe窄的div，然后 overflow 设置成隐藏。查了好久的文档，太累了，目前暂时使用了直接把scrollbar隐藏的策略。以下是全部代码，基于vue+tailwindcss。目前感觉这个办法还算是效果比较好。阅读详情

各位大神，我有一个页面，里面有两个Tab页，每个Tab页均是采用iframe来加载内容，大致的Html(标签自定义，可以忽略)内容如下：
<tab_panel>
<tab_panel_content name="tab1">
<iframe id="ifm_1" src="url2">
</tab_panel_content>
<tab_panel_content name="tab2">
<iframe id="ifm_2" src="url2">
</tab_panel_content>
</tab_panel>

操作过程是这样的：在tab1的页面内，点击一个超链接后，打开tab2（tab2的iframe内容页中有js来设置页面元素的宽度），然后快速的切换回tab1（此时tab2的iframe加载还没有完成）

tab2的iframe内容页设置页面元素的宽度代码如下：
$(function(){
$(self).find(".hs-modifyform-item").each(function(){

$(this).find(".hs-modifyform-text").css({
"width":$(this).width()-$(this).find(".label").width()-30,
"overflow":"auto"
});

}
});
通过调试发现，按照上面的操作步骤，上方js代码中红色的代码获取的宽度均为0，请问这是什么原因导致的？

...全文