国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

iphone safari不支持position fixed的解決方法

2024-05-06 14:22:02
字體：大 中 小
來源：轉載
供稿：網友
需求是這樣的，許多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前端開發者帶來了福音。
作者：清流魚

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 永川市| 石台县| 德阳市| 汤阴县| 勐海县| 安庆市| 忻州市| 建阳市| 满城县| 玛曲县| 万全县| 洪洞县| 宜丰县| 德清县| 开原市| 西乌珠穆沁旗| 南昌县| 灵川县| 五大连池市| 罗定市| 潞城市| 铜川市| 剑川县| 梁河县| 汽车| 无锡市| 望城县| 九寨沟县| 息烽县| 湖南省| 塘沽区| 石家庄市| 壶关县| 奉新县| 丘北县| 兴宁市| 灵丘县| 永靖县| 成安县| 轮台县| 弋阳县|