之前我們做過幾個例子,都是用來實現(xiàn)類似滾動條的觸屏例子。最初是“touchScroll實現(xiàn)手機觸屏滾動”以及“touchSwipe實現(xiàn)手機觸屏滾動”,我們會發(fā)現(xiàn),我們可以通過不同的代碼實現(xiàn)同一功能,其實,這東西,我們在PC上叫作滾動條,但我們在IOS及android上的應(yīng)用是挺多的,因為大家都喜歡觸屏的感覺,那么,我們在WEBAPP中,也要把這種體驗用上去吧,不然,就落后了。。。
像這樣的模式,跟我們之前的touchscroll是不是很像?
都是通過實例化,說明面像對像的寫法,在JS中也是大量使用啊。。。
我們可以看到在iscroll中,我們有一個useTransition:true這樣的代碼,這個采用了css3中的transition,也許webkit上的東西,transition讓我們的滑動更加舒服。
DOMContentLoaded,這東西的用法,我百度了一下,才知道:
與DOM中的onLoad事件與其相近。但onload要等到所有頁面元素加載完成才會觸發(fā), 包括頁面上的圖片等等。
以下是我制作的效果截圖:
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。