我在 Ipadposition: fixed
和width: 100%
我的网站中有顶部菜单,当在 Safari IOS5 中显示键盘并更改方向(fe,从横向到纵向)时,该菜单显示良好,但在 IOS6 中没有。
在 IOS6 中,此操作后顶部菜单在128px处向右移动。我发现了一些非常接近的问题,与 StackOverflow iOS6 Safari 方向更改错误中的 128px 完全相关?,但解决方案不适用于我的情况。
因此,稍微调查了一下,我在 javascript 事件“orientationchange”中将顶部菜单的 CSS 属性更改position:fixed
为position:relative
.
这有帮助,我的顶部菜单正确重绘。但是,正如我position:fixed
稍后对我的网站所需要的那样,我添加了setTimeout()
方法,该方法将 CSSposition
返回到 value fixed
。
$(window).bind("orientationchange", function(e){
$('#framecontentTop').css('position', 'relative');
setTimeout(function(e){
$('#framecontentTop').css('position', 'fixed');
}, 500)
});
我认为,这是临时解决方案。有人知道问题的真正根本原因,还是 IOS6 错误?