• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 體會(huì)優(yōu)秀的觸屏網(wǎng)頁開發(fā)加速滑動(dòng)與回彈	共有2259人瀏覽過本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級(jí)：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈(zèng)鮮花：182

發(fā)表時(shí)間：2015/1/8 8:46:00 樓　主 體會(huì)優(yōu)秀的觸屏網(wǎng)頁開發(fā)加速滑動(dòng)與回彈 　　體驗(yàn)優(yōu)秀的觸屏網(wǎng)頁開發(fā)加速滑動(dòng)與回彈 　　一個(gè)接近naturalapp體驗(yàn)的加速滑動(dòng)與回彈css3屬性 　　前幾天，樓主發(fā)表了一篇關(guān)于手機(jī)網(wǎng)頁開發(fā)軟鍵盤與fixed博文叫做：webapp前端開發(fā)軟鍵盤與position:fixed為我們帶來的不便 　　自以為總結(jié)的挺好挺有范，但是很不幸，通過學(xué)習(xí)交流很快就有了更好更完美的方案，而且還是來自safari原生控件實(shí)現(xiàn)，代碼很簡(jiǎn)單 　　overflow-y:auto;-webkit-overflow-scrolling:touch; 　　效率很高的有著硬件加速的系統(tǒng)級(jí)控件，簡(jiǎn)約而不簡(jiǎn)單 　　代碼很少很簡(jiǎn)單，但我們可以替代掉之前為解決Ios下軟鍵盤與fixed問題而使用的webapp前端開發(fā)框架iscroll 　　iscroll框架帶來的消耗且不論，它的確是解決了我們的問題，但是同時(shí)給我們帶來了不少后遺癥與代碼處理上的麻煩 　　-webkit-overflow-scrolling來自safari原生控件的實(shí)現(xiàn)，工作原理是：在有這個(gè)屬性的容器上，系統(tǒng)會(huì)創(chuàng)建了一個(gè)uiscrollview，應(yīng)用于該元素并將之作為渲染對(duì)象，從而為我們實(shí)現(xiàn)體驗(yàn)流暢的觸屏滑動(dòng) 　　在Ios上的表現(xiàn)結(jié)果令人十分滿意，并且網(wǎng)頁滑動(dòng)和區(qū)域滑動(dòng)的沖突同樣解決的很好 　　接前文思路，位置被固定了的懸掛與滾動(dòng)元素分離代碼展現(xiàn) 　　有人可能會(huì)問為什么html和body也要加，這兩位是否有必要給這個(gè)屬性 　　場(chǎng)景展示： 　　html和body都加 　　html和body都不加或只有一個(gè)加 　　前者比后者觸發(fā)網(wǎng)頁滑動(dòng)的幾率要小很多，自己試試吧 　　-webkit-overflow-scrolling的缺點(diǎn) 　　它當(dāng)然也有自己缺點(diǎn)，既然創(chuàng)建了系統(tǒng)級(jí)控件就勢(shì)必會(huì)有內(nèi)存消耗，但是相比我們使用一套框架它的性價(jià)比不言而喻 　　在Android下的表現(xiàn)也不令人滿意，所以我們只是用它來替代之前為優(yōu)化Ios體驗(yàn)而準(zhǔn)備的開發(fā)框架iscroll的工作 　　樓主對(duì)于-webkit-overflow-scrolling認(rèn)知的時(shí)間還很短，博客內(nèi)的觀點(diǎn)未必足夠全面，歡迎各位幫助補(bǔ)充完善 奈薇建站網(wǎng)致力于，讓每個(gè)中國人、每個(gè)中國企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復(fù)此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個(gè)回貼   分0頁

上一頁 / 下一頁   當(dāng)前第頁

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶