我很难过......我正试图在iPhone和Android的IOS中删除网址标题。问题是我需要顶级房地产,我在网上看到的仍然没有完成工作。
这是场景......在网站上,他们是弹出叠加层的链接。叠加层内部是我的内容iframe(仅适用于横向模式)。为Portrait(有效)显示这个为Landscape(有效)显示。但是URL Header占用了太多空间,我需要删除它。
以下是代码:
updateOrientation: function(){
var parentWindow = parent.window;
switch(parent.window.orientation){
case 0:
document.body.style.height = (window.outerHeight + 50) + 'px';
setTimeout( function(){ window.scrollTo(0, 1);
}, 50);
$('section#portraitMode').show();
break;
default:
setTimeout( function(){ window.scrollTo(0, 1);
}, 50);
$('section#portraitMode').hide();
break;
}
},
changeParentViewport: function () {
var parentWindow = window.parent.window;
var parentDocument = window.parent.document;
if (parentWindow.orientation == 0) {
var metaViewport = $('meta[name="viewport"]', parentDocument);
metaViewport.attr('content',"width=320, height=480 initial-scale=1.0, maximum-scale=1.0, user-scalable=no");
} else {
var metaViewport = $('meta[name="viewport"]', parentDocument);
metaViewport.attr('content',"width=480, height=320 initial-scale=1.0, maximum-scale=1.0, user-scalable=no");
}
}
}
window.addEventListener(“load”,function(){ this.changeParentViewport(); this.updateOrientation(); var parentWindow = window.parent.window;
var supportsOrientationChange = 'onorientationchange' in parentWindow,
orientationEvent = supportsOrientationChange ? 'orientationchange' : 'resize';
parentWindow.addEventListener(orientationEvent, function() {
this.changeParentViewport();
this.updateOrientation();
}, false);
});