javascript - 移動(dòng)端觸摸事件 你們都用什么插件?
問(wèn)題描述
有沒(méi)什么插件實(shí)現(xiàn)這效果比較好的.這是個(gè)ul 超出的內(nèi)容可以左右滑動(dòng), 點(diǎn)擊哪個(gè)tab, 哪個(gè)tab滑到正中間.
問(wèn)題解答
回答1:你這種效果其實(shí)就是一個(gè)輪播,你可以試試swiper.js [http://www.swiper.com.cn/]
回答2:移動(dòng)端:http://hammerjs.github.io/desktop: 沒(méi)見(jiàn)過(guò)這種效果
回答3:不用插件實(shí)現(xiàn)的話(huà),用p+float,父容器給width:1000px,overflow:auto,美化一下滾動(dòng)條就好了,望采納
回答4:試試swiper.js吧,專(zhuān)門(mén)做輪播事件的,各種各樣的效果都已經(jīng)內(nèi)置了。另外如果想做移動(dòng)端首屏單頁(yè)滑動(dòng)可以試試zepto.fullPage.js。至于移動(dòng)端的觸摸事件zepto.js本身也內(nèi)置了一些基本的,如果需要更加高級(jí)的可以使用hammer.js或者AlloyFinger.js
回答5:感覺(jué)這個(gè)模塊可以去參考一下天貓的必?fù)屇K,你看下阿里的開(kāi)源方案flexible有沒(méi)有相應(yīng)的教程
回答6:自己寫(xiě)個(gè)都可以~ 輪播推薦用swiper.js fullpage.js slider.js喜歡哪個(gè)用哪個(gè)
回答7:swiper做過(guò),html5中的 touch事件也可以實(shí)現(xiàn)
相關(guān)文章:
1. macos - 如何徹底刪除mac自帶的apache和php2. php對(duì)mysql提取數(shù)據(jù)那種速度更快3. javascript - immutable配合react提升性能?4. 如何設(shè)置一個(gè)無(wú)限循環(huán)并打破它。(Java線(xiàn)程)5. javascript - vue中使用prop傳遞數(shù)據(jù)問(wèn)題6. javascript - 在vue項(xiàng)目中遇到的問(wèn)題:DOMException7. 網(wǎng)頁(yè)爬蟲(chóng) - 如何使用使用java抓取信息并制作一個(gè)排名系統(tǒng)?8. python小白 自學(xué)看書(shū)遇到看不懂的地方9. shell - mysql更新錯(cuò)誤10. ubuntu如何啟動(dòng)sublime

網(wǎng)公網(wǎng)安備