兩種抖動

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名申請、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、云龍網(wǎng)站維護(hù)、網(wǎng)站推廣。

為什么抖動還會有兩種？

其實(shí)是我碰到過兩種抖動的場景，第一個(gè)場景是native的抖動，第二個(gè)場景是h6的抖動。

native的抖動

前端開發(fā)人員會在app中打開webview，這個(gè)時(shí)候iOS中position:fixed吸底時(shí)的滑動出現(xiàn)抖動應(yīng)該是native造成的抖動，整個(gè)viewport跟著動，所以可以在生成schema的時(shí)候?qū)?shù)bounce_disable（可能不一定都有這個(gè)參數(shù)，就看有沒有類似的參數(shù)進(jìn)行控制）設(shè)置為1禁止native的彈性效果，然后加上h6的這個(gè)效果，-webkit-overflow-scrolling 屬性可以幫我們實(shí)現(xiàn)這個(gè)效果，它控制元素在移動設(shè)備上是否使用滾動回彈效果。

h6的抖動

方案一

//我是吸頂頭部
.header{
 width:100%;
 height:50px;
 position:fixed;
 top:0px;
}
//我是中間要滑動的部分
.main{
 width:100%;
 height:auto;
 position:absolute;
 padding-top:50px;
 padding-bottom:50px;
 box-sizing:border-box;
 overflow-y:scroll;
}
//我是吸底尾部
.footer{
 width:100%;
 height:50px;
 position:fixed;
 bottom:0px;
}

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文標(biāo)題：詳解iOS中position:fixed吸底時(shí)的滑動出現(xiàn)抖動的解決方案-創(chuàng)新互聯(lián)
本文路徑：http://weahome.cn/article/csedgd.html