上面的截圖 ,是手機端的一個滑動刷新效果.用的是scroll.js插件.
每項中又有一個滑動,是左右滑動的用swiper.js插件,查看每個班級的信息.
當手從swiper上開始滑動的時候,整個scroll就顯得很不靈敏.各種調試,各種alert終於把問題定位在swiper.js的touchend上.
touchend沒有冒泡到scroll上,但是touchstart,toucnmove是有冒泡到scroll上的.
找了好久都沒有找到哪里阻止了冒泡.最后想到一個辦法,就是在swiper的touchend上調用scroll的touchend.
最后在sweiper.jquery.js中添加如下代碼.
myScroll是iscroll運行是的的實例化對象._end()是實例touchend觸發的事件.
至於源碼可以從我的git上下載:
https://github.com/guoyansi/jsUI