关于iscroll插件的使用

本次项目有一个须要多信息展现,须要左右滑动的效果,查资料了解到iscroll,就拿来用,以下调用:app

var myscroll = new IScroll("#wrapper",
{eventPassthrough:true,scrollX: true,scrollY:false,hScrollbar:false,preventDefault:false});ide

eventPassthrough:true  滑动区域是左右滑动,上下滑动时连同真个页面滑动spa

scrollX:true  X轴滑动事件

scrollY:false  Y轴不滑动rem

hScrollbar:false  滚动条不显示it

preventDefault:false阻止默认事件io

本次使用过程当中,加上eventPassthrough以后,左右滑动的效果十分很差,总是会超出,或滑不回来,纠结了很久,防止之后犯错,贴出代码event

#wrapper {
  width: 52%;
  float: right;
  background: #FFFFFF;
  margin-top: 0.13333rem;
  overflow: hidden;(记住,overflow千万不能用scroll,大坑)
}class

#scroller {
  width: 9.8rem;
  overflow: hidden;
}select

大概就这么多,代码不多,可是仍是解决了好久

相关文章
相关标签/搜索