本次項目有一個須要多信息展現,須要左右滑動的效果,查資料瞭解到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
大概就這麼多,代碼不多,可是仍是解決了好久