我在我的网站中有position: fixed
和width: 100%
的Ipad顶级菜单,当显示键盘且方向已更改时显示正常<(em,from Landscape)在Safari IOS5中使用肖像),但在IOS6中不。
在此操作后的IOS6中,顶部菜单在 128px 处向右移动。我发现了一些非常接近的问题,与StackOverflow iOS6 Safari orientation change bug?中的128px完全相关,但解决方案并不适用于我的情况。
所以,调查一下,我在javascript事件“orientationchange”中将顶层菜单position:fixed
的CSS属性更改为position:relative
。
这有帮助,我的顶级菜单正确地重新制作。但是,由于我的网站稍后需要position:fixed
,我添加了setTimeout()
方法,该方法将CSS position
返回到值fixed
。
$(window).bind("orientationchange", function(e){
$('#framecontentTop').css('position', 'relative');
setTimeout(function(e){
$('#framecontentTop').css('position', 'fixed');
}, 500)
});
我认为,这是暂时的解决方案。有人知道问题的真正根本原因,还是IOS6错误?