关于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;
}

大概就这么多，代码很少，但是还是解决了很久

 

转载于:https://www.cnblogs.com/xumqfaith/p/6957938.html