移動(dòng)端fix

之前做移動(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锵ā桨武!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市锈津,隨后出現(xiàn)的幾起案子呀酸,更是在濱河造成了極大的恐慌,老刑警劉巖琼梆,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件性誉,死亡現(xiàn)場離奇詭異,居然都是意外死亡茎杂,警方通過查閱死者的電腦和手機(jī)错览,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來煌往,“玉大人倾哺,你說我怎么就攤上這事」舨保” “怎么了羞海?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長曲管。 經(jīng)常有香客問我却邓,道長,這世上最難降的妖魔是什么院水? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任腊徙,我火速辦了婚禮简十,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘撬腾。我一直安慰自己勺远,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布时鸵。 她就那樣靜靜地躺著,像睡著了一般厅瞎。 火紅的嫁衣襯著肌膚如雪饰潜。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天和簸,我揣著相機(jī)與錄音彭雾,去河邊找鬼。 笑死锁保,一個(gè)胖子當(dāng)著我的面吹牛薯酝,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播爽柒,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼吴菠,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了浩村?” 一聲冷哼從身側(cè)響起做葵,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎心墅,沒想到半個(gè)月后酿矢,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡怎燥,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年瘫筐,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片铐姚。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡策肝,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出谦屑,到底是詐尸還是另有隱情驳糯,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布氢橙,位于F島的核電站酝枢,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏悍手。R本人自食惡果不足惜帘睦,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一袍患、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧竣付,春花似錦诡延、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至逸绎,卻和暖如春惹恃,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背棺牧。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國打工巫糙, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人颊乘。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓参淹,卻偏偏與公主長得像,于是被迫代替她去往敵國和親乏悄。 傳聞我的和親對(duì)象是個(gè)殘疾皇子浙值,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評(píng)論 1 92
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,525評(píng)論 25 707
  • 卡哥 “熱心”大哥哥 資深運(yùn)動(dòng)愛好者 時(shí)尚界“老司機(jī)” 白領(lǐng)這個(gè)物種 曾經(jīng)長期活長輩的嘴巴里 他們最初在小眾幼小的...
    卡路里中心閱讀 186評(píng)論 0 0
  • 昨天跑了兩趟ups辦permit檩小,早上一趟從七點(diǎn)半到十點(diǎn)亥鸠,下午從十二點(diǎn)到五點(diǎn)。ups的“閃電”速度果然不是蓋的识啦,排...
    八爪魚小丸子閱讀 196評(píng)論 0 0
  • 《矮個(gè)子的憂傷》 其實(shí)负蚊,因?yàn)樽约旱纳砀撸欢群鼙瘋窍榇思易保瑢⒆约核械男乃级挤旁趯W(xué)習(xí)上,也不敢輕易說喜歡一個(gè)人冕茅,...
    愛聽音樂的貓閱讀 598評(píng)論 0 0