iphonesafari不支持positionfixed的解決方法_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:03:01
iphonesafari不支持positionfixed的解決方法_javascript技巧
iphonesafari不支持positionfixed的解決方法_javascript技巧:需求是這樣的,許多pc web頁面的導航都是固定的,比如google的首頁,現在要將這種固定的導航轉移到mobile web下,很自然地就會想到position:fixed; bottom: 0,android下運行正常,但在iphone safari下就會出現問題,當滾動條滾動時,導航條就會出現屏
導讀iphonesafari不支持positionfixed的解決方法_javascript技巧:需求是這樣的,許多pc web頁面的導航都是固定的,比如google的首頁,現在要將這種固定的導航轉移到mobile web下,很自然地就會想到position:fixed; bottom: 0,android下運行正常,但在iphone safari下就會出現問題,當滾動條滾動時,導航條就會出現屏

需求是這樣的,許多pc web頁面的導航都是固定的,比如google的首頁,現在要將這種固定的導航轉移到mobile web下,很自然地就會想到position:fixed; bottom: 0,android下運行正常,但在iphone safari下就會出現問題,當滾動條滾動時,導航條就會出現屏幕的上方,黑乎乎的一塊,很不協調。許多人推薦iscroll、jquery mobile等框架,但有時效果不如意或是得閱讀框架源碼進行二次開發,會花費好長一段時間的。經過一段時間的研究,找到了一種解決辦法,比較簡便,但效果還是比不上pc web。
代碼如下:
nav
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
iphonesafari不支持positionfixed的解決方法_javascript技巧
iphonesafari不支持positionfixed的解決方法_javascript技巧:需求是這樣的,許多pc web頁面的導航都是固定的,比如google的首頁,現在要將這種固定的導航轉移到mobile web下,很自然地就會想到position:fixed; bottom: 0,android下運行正常,但在iphone safari下就會出現問題,當滾動條滾動時,導航條就會出現屏