本次项目有一个须要多信息展现,须要左右滑动的效果,查资料了解到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
大概就这么多,代码不多,可是仍是解决了好久