iphone safari不支持position fixed的解决办法

最近一直在做移动web开发，开发过程中遇到了许多问题，mobile safari不支持position: fixed或者对其支持不友好。

废话不多说直接上代码

<div id="fixnav" style=" position: absolute; z-index: 1000; height: 50px; opacity: 0.9;">nav</div>
<script type="text/javascript">
$(window).scroll(function(){
     // 重点就是下面这一条语句的实现
     $("#fixnav").css({top: window.innerHeight + window.scrollY - $("#fixnav").outerHeight() });    
 });        
</script>

Kommentare: