關于fixed固定定位在ios中出現(xiàn)的閃動这嚣,消失bug解決方案

今天在混合APP開發(fā)中遇到了這個問題,在布局中底部tab欄塞俱,如果是利用fixed定位固定姐帚,在滾動時會出現(xiàn)tab欄消失,結束拖動事件后又顯示出來障涯,

很好罐旗,我爬了半天的坑0 - 0目前我沒發(fā)現(xiàn)一篇文章完美的解決了我的問題,大部分文章只是說了fixed定位換到body上0 -0然后就沒然后了唯蝶,或者是配合iScroll.js使用九秀,并不想加三方庫。?

扒了ionic關于頭尾的樣式粘我,他是摒棄了頭尾fixed定位鼓蜒,body加fixed定位痹换,定位0,0都弹。頭部+view+尾部三部分用絕對定位解決位置(absolute)娇豫,其中有個屬性well-change:scroll-position;新鮮玩意兒畅厢,暫時不說0 -0心想沒準兒能救我冯痢,哈哈哈,改了布局后框杜,中間滾動卡的一批 0 - 0浦楣,別說商用了,boss分分鐘得撕我霸琴。

查詢了well-change:scroll-position椒振;這個屬性 就是告訴機器,我要開始滾了梧乘,請開啟Gpu,讓我滾得快點兒庐杨,當然0 -0他還有很多值可以填寫选调,加上他,果然0 -0還是卡的一批(具體:http://www.zhangxinxu.com/wordpress/2015/11/css3-will-change-improve-paint/)

查詢到ios為了應對這種出了個屬性 ?-webkit-overflow-scrolling:touch;(具體:http://www.reibang.com/p/1f4693d0ad2d)

加到view上灵份,縱享絲滑

好吧仁堪,前面全是廢話

布局:

body ?fixed定位

view ?相對body ?absolute定位 ?-webkit-overflow-scrolling:touch;

tab ? ?相對body ?absolute定位 吸頂或者定位在你想要的地方

這里需要注意的一點是view和tab的布局問題,不要讓你的滾動條能在全屏幕滾來滾去填渠,對弦聂,就是tab上,看上去很尷尬的氛什。 可以用值去搞定莺葫,也可以直接js隨意的去定制下,新手爬坑隨筆枪眉,勿噴勿噴

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末捺檬,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子贸铜,更是在濱河造成了極大的恐慌堡纬,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,539評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蒿秦,死亡現(xiàn)場離奇詭異烤镐,居然都是意外死亡,警方通過查閱死者的電腦和手機棍鳖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評論 3 396
  • 文/潘曉璐 我一進店門炮叶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事悴灵】秆浚” “怎么了?”我有些...
    開封第一講書人閱讀 165,871評論 0 356
  • 文/不壞的土叔 我叫張陵积瞒,是天一觀的道長川尖。 經常有香客問我,道長茫孔,這世上最難降的妖魔是什么叮喳? 我笑而不...
    開封第一講書人閱讀 58,963評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮缰贝,結果婚禮上馍悟,老公的妹妹穿的比我還像新娘。我一直安慰自己剩晴,他們只是感情好锣咒,可當我...
    茶點故事閱讀 67,984評論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著赞弥,像睡著了一般毅整。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上绽左,一...
    開封第一講書人閱讀 51,763評論 1 307
  • 那天悼嫉,我揣著相機與錄音,去河邊找鬼拼窥。 笑死戏蔑,一個胖子當著我的面吹牛,可吹牛的內容都是我干的鲁纠。 我是一名探鬼主播总棵,決...
    沈念sama閱讀 40,468評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼房交!你這毒婦竟也來了彻舰?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤候味,失蹤者是張志新(化名)和其女友劉穎刃唤,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體白群,經...
    沈念sama閱讀 45,850評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡尚胞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,002評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了帜慢。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片笼裳。...
    茶點故事閱讀 40,144評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡唯卖,死狀恐怖,靈堂內的尸體忽然破棺而出躬柬,到底是詐尸還是另有隱情拜轨,我是刑警寧澤,帶...
    沈念sama閱讀 35,823評論 5 346
  • 正文 年R本政府宣布允青,位于F島的核電站橄碾,受9級特大地震影響,放射性物質發(fā)生泄漏颠锉。R本人自食惡果不足惜法牲,卻給世界環(huán)境...
    茶點故事閱讀 41,483評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望琼掠。 院中可真熱鬧拒垃,春花似錦、人聲如沸瓷蛙。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽速挑。三九已至谤牡,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間姥宝,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評論 1 272
  • 我被黑心中介騙來泰國打工恐疲, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留腊满,地道東北人。 一個月前我還...
    沈念sama閱讀 48,415評論 3 373
  • 正文 我出身青樓培己,卻偏偏與公主長得像碳蛋,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子省咨,可洞房花燭夜當晚...
    茶點故事閱讀 45,092評論 2 355

推薦閱讀更多精彩內容