iscroll 判断是上下滑动还是左右滑动 preventDefault(),所以上下滑不动。建议你使用iscroll4滑动插件来解决这个问题这个需要你加条件判断才可以。touchmove事件中判断坐标X轴数值的大小变化即为用户在左右滑动时。满足此条件时再执行 e.preventDefault()。去网上一搜就能找到该插件。另外。就合理性来讲,你这种使用需求不太合理。左右滑动的同时还要上下滑动。如果用户斜上斜下滑动会怎样?是切换图片呢还是上下滚动内容。在固定的窗口内尽量只执行水平滑动的动作?所以应尽量避免使用这种需求,合理的UI设计会让开发制作人员事半功倍。当用户上下滑动时因为也执行了e.preventDefault(),那样会把包含Y轴数值大小变化也包括在里面,而不是touchmove事件时就执行e
iscroll在手机上滑动不流畅,很卡,如何解决? iscroll,就算是直接使用它的demo,用phonegap打包到了手里里面之后,滑动的时候还是停不住,就是滑动状…
如何用iscroll制作水平滚动的list布局 使用iscroll实现这样的布局可不容易。需要前端拥有良好的css功底然后利用js(这里lz用了zeptoJS或者大家可以用jquery)假设我们有这么一段html[html]view plaincopy1234首先先对ID(wrapperIndexActivity)加载iscroll[javascript]view plaincopyvar homeScroll=new iScroll(\"wrapperIndexActivity\",{snap:true,momentum:false,hScrollbar:false,vScrollbar:false,checkDOMChanges:true,onScrollEnd:function(){}});对Id所属class附加样式:[css]view plaincopywrapperIndexActivity{ width:100%;height:100%;position:relative;z-index:1;overflow:hidden;display:block;}然后需要对ID(scrollerActivity)计算有几幅屏幕可以切换(这里假设有4幅)[javascript]view plaincopy(\"#scrollerActivity\").style({'width':document.body.clientWidth*4+'px'});对应class需附加样式:[css]view plaincopywrapperIndexActivity.scrollerActivity{ height:100%;float:left;padding:0;overflow:hidden;}再然后对li 让每一个列表项都撑满屏幕[javascript]view plaincopy('#wrapperIndexActivity ul li ').style({'width':。