项目中很多页面都是需要嵌入到其他页面中,如嵌入到论坛页面,不能出现滚动条等等。
在被嵌入页面里,当每次有修改DOM的时候,调用自适应高度代码就搞定。
heightChange = function(){
if(top != window){
var t = 0;
if(jQuery.browser.safari){
t = document.body.offsetHeight;
}else{
t = document.body.scrollHeight;
}
var h = t + 15;//调整15个间距差
var url = location.href;
var ifr = jQuery('iframe[src=' + url+ ']',jQuery(parent.document));
//双保险设置高度
ifr.height(h);
ifr.css('height',h);
}else{
//非嵌入页啥都不做哈
}
}
在被嵌入页面里,当每次有修改DOM的时候,调用自适应高度代码就搞定。
heightChange = function(){
if(top != window){
var t = 0;
if(jQuery.browser.safari){
t = document.body.offsetHeight;
}else{
t = document.body.scrollHeight;
}
var h = t + 15;//调整15个间距差
var url = location.href;
var ifr = jQuery('iframe[src=' + url+ ']',jQuery(parent.document));
//双保险设置高度
ifr.height(h);
ifr.css('height',h);
}else{
//非嵌入页啥都不做哈
}
}