鍍金池/ 問(wèn)答/iOS  HTML/ 移動(dòng)端蘋(píng)果官網(wǎng)的導(dǎo)航欄是怎么實(shí)現(xiàn)固定的

移動(dòng)端蘋(píng)果官網(wǎng)的導(dǎo)航欄是怎么實(shí)現(xiàn)固定的

運(yùn)行環(huán)境:移動(dòng)端 safari瀏覽器。

平時(shí)我實(shí)現(xiàn)固定在頂部的導(dǎo)航欄是使用position:fixed實(shí)現(xiàn)的。雖然實(shí)現(xiàn)了固定在頂部,但這種寫(xiě)法在safari下將頁(yè)面下拉時(shí)會(huì)被橡皮筋效果遮擋。
蘋(píng)果官網(wǎng)的導(dǎo)航欄在滾動(dòng)時(shí)能夠固定,在下拉時(shí)能夠?qū)崿F(xiàn)整個(gè)頁(yè)面跟隨橡皮筋效果下拉,導(dǎo)航欄在整個(gè)可視區(qū)域里。

總不能是監(jiān)聽(tīng)滾動(dòng)條位置后期添加fixed的吧。

問(wèn)題1:移動(dòng)端蘋(píng)果官網(wǎng)的導(dǎo)航欄是怎么實(shí)現(xiàn)固定的
或者問(wèn)題2:怎么禁止橡皮筋效果。

回答
編輯回答
尛憇藌

圖片描述

蘋(píng)果的定位用的是css3的新屬性,

2018年8月8日 11:06