关于iscroll插件的使用
本次项目有一个需要多信息展示,需要左右滑动的效果,查资料了解到iscroll,就拿来用,如下调用:
 var myscroll = new IScroll("#wrapper",
					{eventPassthrough:true,scrollX: true,scrollY:false,hScrollbar:false,preventDefault:false});
eventPassthrough:true 滑动区域是左右滑动,上下滑动时连同真个页面滑动
scrollX:true X轴滑动
scrollY:false Y轴不滑动
hScrollbar:false 滚动条不显示
preventDefault:false阻止默认事件
本次使用过程中,加上eventPassthrough之后,左右滑动的效果十分不好,老是会超出,或滑不回来,纠结了好久,防止以后犯错,贴出代码
 #wrapper {
      width: 52%;
      float: right;
      background: #FFFFFF;
      margin-top: 0.13333rem;
      overflow: hidden;(记住,overflow千万不能用scroll,大坑)
}
#scroller {
      width: 9.8rem;
      overflow: hidden;
}
大概就这么多,代码很少,但是还是解决了很久
 
                    
                
 
 
                
            
         浙公网安备 33010602011771号
浙公网安备 33010602011771号