onchangeevent删除IOS / Android URL标头

时间:2012-10-26 03:15:15

标签: android jquery ios orientation-changes

我很难过......我正试图在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);

});

0 个答案:

没有答案