之前做移動(dòng)端碰到的一個(gè)問題:一個(gè)導(dǎo)航欄從不固定--》固定的需求
前提很簡單为障,先計(jì)算各種高度峻仇,然后再做判斷body的滾動(dòng)高度然后進(jìn)行樣式變換罕模,然而最苦惱的就是樣式變換了
一開始方法是 超過高度之后變化position:fixed酪惭,在pc端上測(cè)試的時(shí)候好好的除嘹,可是到了移動(dòng)端之后蜀涨,會(huì)發(fā)現(xiàn)屏幕在滑倒超出高度之后(手指沒有離開屏幕)定嗓,并不會(huì)即時(shí)響應(yīng)裸影,而是等手指離開屏幕之后導(dǎo)航欄才會(huì)fix到最頂部勒庄,我一開始以為是不是scroll這個(gè)事件在移動(dòng)端有問題串前,然后用touchmove還是一樣的結(jié)果,然后打開電腦調(diào)試手機(jī)查看響應(yīng)实蔽,然而我明確看到手機(jī)滑屏超過高度之后荡碾,調(diào)試工具里顯示的position:fixed已經(jīng)變化了,但是手機(jī)上卻沒有響應(yīng)局装,坛吁,之后問了其他人劳殖,可能覺得是手機(jī)瀏覽器的優(yōu)化造成的。拨脉。哆姻。
今天在aem站看到個(gè)這樣的導(dǎo)航欄,所以馬上用看它的代碼玫膀,發(fā)現(xiàn)它的導(dǎo)航欄是先position :absolute矛缨,在滑動(dòng)之后變?yōu)閒ixed。帖旨。箕昭。原來還有這樣的實(shí)現(xiàn)方法,解阅,落竹,所以,為自己進(jìn)行測(cè)試了一下N驮俊筋量!真的成功了!5锵ā桨武!