手機(jī)網(wǎng)站ios滑動(dòng)不平滑解決方案
伴隨著科學(xué)技術(shù)的不斷發(fā)展,手機(jī)移動(dòng)端網(wǎng)站也逐漸的被人們所熟知使用,因?yàn)槠浯a的不完整化,很多時(shí)候在開發(fā)中會(huì)遇到很多的問(wèn)題,今天尚武科技的網(wǎng)站開發(fā)工程師為大家?guī)?lái)移動(dòng)端ios版本中關(guān)于滑動(dòng)不平滑的相關(guān)介紹,希望大家能夠喜歡。
在移動(dòng)端特別是iOS中,當(dāng)滾動(dòng)屏幕時(shí)會(huì)發(fā)現(xiàn)手指一拿開滾動(dòng)就停止,這種用戶體驗(yàn)效果很不好,有種給用戶滾動(dòng)卡頓的感覺。CSS3中的-webkit-overflow-scrolling屬性可以完美的解決這個(gè)問(wèn)題,該屬性可控制元素在移動(dòng)設(shè)備上是否使用滾動(dòng)回彈效果:
1.auto
使用普通滾動(dòng), 當(dāng)手指從觸摸屏上移開,滾動(dòng)會(huì)立即停止。
2.touch
在做網(wǎng)站的時(shí)候使用具有回彈效果的滾動(dòng), 當(dāng)手指從觸摸屏上移開,內(nèi)容會(huì)繼續(xù)保持一段時(shí)間的滾動(dòng)效果。繼續(xù)滾動(dòng)的速度和持續(xù)的時(shí)間和滾動(dòng)手勢(shì)的強(qiáng)烈程度成正比。同時(shí)也會(huì)創(chuàng)建一個(gè)新的堆棧上下文。
以上就是石家莊尚武科技的網(wǎng)站開發(fā)工程師為您帶來(lái)關(guān)于移動(dòng)網(wǎng)站開發(fā)ios滾動(dòng)不平滑的相關(guān)介紹,希望能夠幫助大家,石家莊尚武科技從事網(wǎng)站開發(fā)已經(jīng)有了12年之久,堅(jiān)持科技以人為本,用心每個(gè)細(xì)節(jié)。