需求是這樣的，許多pc web頁面的導航都是固定的，比如google的首頁，現在要將這種固定的導航轉移到mobile web下，很自然地就會想到position：fixed; bottom: 0，android下運行正常，但在iphone safari下就會出現問題，當滾動條滾動時，導航條就會出現屏幕的上方，黑乎乎的一塊，很不協調。許多人推薦iscroll、jquery mobile等框架，但有時效果不如意或是得閱讀框架源碼進行二次開發，會花費好長一段時間的。經過一段時間的研究，找到了一種解決辦法，比較簡便，但效果還是比不上pc web。
復制代碼 代碼如下:
<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>
不過最新ios5已經支持了position: fixed，給廣大web前端開發者帶來了福音。
作者：清流魚