亚洲欧美日本VA在线播放,百合互慰无码免费视频在线观看 ,风韵丰满熟妇啪啪区老熟熟女,国产精品久久久久久无毒不卡

青島網(wǎng)站建設(shè)公司,青島網(wǎng)站制作公司-奈薇建站網(wǎng)
建站咨詢熱線：0532-88781131、15166683288　
 返回貼子列表
發(fā)表新貼
主題：

體會(huì)優(yōu)秀的觸屏網(wǎng)頁(yè)開(kāi)發(fā)加速滑動(dòng)與回彈

 共有1547人瀏覽過(guò)本貼
奈薇建站網(wǎng)
昵稱：奈薇建站網(wǎng)
論壇積分：108060
發(fā)貼等級(jí)：21

發(fā)貼數(shù)：1159
回貼數(shù)：1282
被砸雞蛋：被砸雞蛋1
獲贈(zèng)鮮花：獲贈(zèng)鮮花182
發(fā)表時(shí)間：2015/1/24 10:07:00 樓　主

體會(huì)優(yōu)秀的觸屏網(wǎng)頁(yè)開(kāi)發(fā)加速滑動(dòng)與回彈

　　體驗(yàn)優(yōu)秀的觸屏網(wǎng)頁(yè)開(kāi)發(fā)加速滑動(dòng)與回彈

　　一個(gè)接近naturalapp體驗(yàn)的加速滑動(dòng)與回彈css3屬性

　　前幾天，樓主發(fā)表了一篇關(guān)于手機(jī)網(wǎng)頁(yè)開(kāi)發(fā)軟鍵盤與fixed博文叫做：webapp前端開(kāi)發(fā)軟鍵盤與position:fixed為我們帶來(lái)的不便

　　自以為總結(jié)的挺好挺有范，但是很不幸，通過(guò)學(xué)習(xí)交流很快就有了更好更完美的方案，而且還是來(lái)自safari原生控件實(shí)現(xiàn)，代碼很簡(jiǎn)單

　　overflow-y:auto;-webkit-overflow-scrolling:touch;

　　效率很高的有著硬件加速的系統(tǒng)級(jí)控件，簡(jiǎn)約而不簡(jiǎn)單

　　代碼很少很簡(jiǎn)單，但我們可以替代掉之前為解決Ios下軟鍵盤與fixed問(wèn)題而使用的webapp前端開(kāi)發(fā)框架iscroll

　　iscroll框架帶來(lái)的消耗且不論，它的確是解決了我們的問(wèn)題，但是同時(shí)給我們帶來(lái)了不少后遺癥與代碼處理上的麻煩

　　-webkit-overflow-scrolling來(lái)自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)頁(yè)滑動(dòng)和區(qū)域滑動(dòng)的沖突同樣解決的很好

　　接前文思路，位置被固定了的懸掛與滾動(dòng)元素分離代碼展現(xiàn)

　　<!doctypehtml><htmllang="zh-cn"><head><title>-webkit-overflow-scrolling</title><metacharset="utf-8"/><metaname="viewport"content="width=device-width,initial-scale=1.yuhou.0,user-scalable=no"/><style>html,body{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;}body{position:relative;font-size:16px;}*{padding:0;margin:0;}header,footer,section{background:#eee;position:absolute;top:0;left:0;right:0;line-height:50px;text-align:center;}footer{top:auto;bottom:0;}section{padding:15px0;overflow-y:auto;background:#fff;top:50px;bottom:50px;-webkit-overflow-scrolling:touch;}</style></head><body><header>頭部</header><section>正文</section><footer>底部</footer></body></html>

　　有人可能會(huì)問(wèn)為什么html和body也要加，這兩位是否有必要給這個(gè)屬性

　　場(chǎng)景展示：

　　html和body都加

　　html和body都不加或只有一個(gè)加

　　前者比后者觸發(fā)網(wǎng)頁(yè)滑動(dòng)的幾率要小很多，自己試試吧

　　-webkit-overflow-scrolling的缺點(diǎn)

　　它當(dāng)然也有自己缺點(diǎn)，既然創(chuàng)建了系統(tǒng)級(jí)控件就勢(shì)必會(huì)有內(nèi)存消耗，但是相比我們使用一套框架它的性價(jià)比不言而喻

　　在Android下的表現(xiàn)也不令人滿意，所以我們只是用它來(lái)替代之前為優(yōu)化Ios體驗(yàn)而準(zhǔn)備的開(kāi)發(fā)框架iscroll的工作

　　樓主對(duì)于-webkit-overflow-scrolling認(rèn)知的時(shí)間還很短，博客內(nèi)的觀點(diǎn)未必足夠全面，歡迎各位幫助補(bǔ)充完善
個(gè)性簽名
奈薇建站網(wǎng)致力于，讓每個(gè)中國(guó)人、每個(gè)中國(guó)企業(yè)都擁有自己的“官方網(wǎng)站”！
回復(fù) 回復(fù)此貼 TOP
共0個(gè)回貼   分0頁(yè) 上一頁(yè) / 下一頁(yè)   當(dāng)前第頁(yè)
奈薇建站網(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)站制作公司 開(kāi)發(fā)區(qū)信息港 山東在線門戶
建站咨詢熱線：0532-88781131　15166683288　18562723728
版權(quán)所有© BangJianZhan.Com & Nev.Cn 青島網(wǎng)站建設(shè)/網(wǎng)站制作公司
青島雨后網(wǎng)絡(luò)科技有限公司 - 青島市市北區(qū)福州北路90號(hào),景泰尚都6層
已經(jīng)為您服務(wù)了
21年 1個(gè)月 29天