私は困惑しています... iPhoneおよびAndroid用のIOSでurlヘッダーを削除しようとしています。一番上の不動産が必要なのですが、オンラインで見たものではまだ仕事ができません。
これがシーンです...サイトでは、ポップアップオーバーレイへのリンクです。オーバーレイの内側には、コンテンツを含む iframe があります (横向きモード専用に設計されています)。縦向き (機能する) の場合はこれを表示し、横向き (機能する場合) はこれを表示します。しかし、URL ヘッダーはスペースを取りすぎているため、削除する必要があります。
コードは次のとおりです。
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);
});