1:click和點(diǎn)擊事件
對(duì)于a標(biāo)記的點(diǎn)擊導(dǎo)航,默認(rèn)是在onclick事件中處理的崇猫。而移動(dòng)客戶端對(duì)onclick的響應(yīng)相比PC瀏覽器有著明顯的幾百毫秒延遲狱从。
在移動(dòng)瀏覽器中對(duì)觸摸事件的響應(yīng)順序應(yīng)當(dāng)是:
ontouchstart -> ontouchmove -> ontouchend -> onclick
因此,如果確實(shí)要加快對(duì)點(diǎn)擊事件的響應(yīng)佳励,就應(yīng)當(dāng)綁定ontouchend
事件跨新。
使用click會(huì)出現(xiàn)綁定點(diǎn)擊區(qū)域閃一下的情況富腊,解決:給該元素一個(gè)樣式如下
-webkit-tap-highlight-color: rgba(0,0,0,0);
如果不使用click,也不能簡(jiǎn)單的用touchstart或touchend替代域帐,需要用touchstart的模擬一個(gè)click事件赘被,并且不能發(fā)生touchmove事件,或者用zepto中的tap(輕擊)事件肖揣。
body
{
-webkit-overflow-scrolling: touch;
}
用iphone或ipad瀏覽很長(zhǎng)的網(wǎng)頁滾動(dòng)時(shí)的滑動(dòng)效果很不錯(cuò)吧民假?不過如果是一個(gè)div,然后設(shè)置 height:200px;overflow:auto;
的話龙优,可以滾動(dòng)但是完全沒有那滑動(dòng)效果羊异,很郁悶吧?
我看到很多網(wǎng)站為了實(shí)現(xiàn)這一效果彤断,用了第三方類庫(kù)野舶,最常用的是iscroll(包括新浪手機(jī)頁,百度等) 我一開始也使用宰衙,不過自從用了-webkit-overflow-scrolling: touch;
樣式后平道,就完全可以拋棄第三方類庫(kù)了,把它加在body{}區(qū)域供炼,所有的overflow需要滾動(dòng)的都可以生效了一屋。
窘疮、