關於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

大概就這麼多,代碼不多,可是仍是解決了好久

相關文章
相關標籤/搜索