學(xué)習(xí)IScroll時冠场,發(fā)現(xiàn)這個插件并不好用谱姓,全英的官網(wǎng)及參考手冊本身就產(chǎn)生了可能誤解其操作含義的可能性躯畴。再加上多次試用茫藏,發(fā)現(xiàn)使用IScroll有一個必要的條件:
給父元素container加上一個合適的高度
即误趴,父元素包住的內(nèi)容部分的高度必須要小于外部父元素的高度。(存疑务傲,但數(shù)次操作實例皆發(fā)現(xiàn)了這個問題)凉当。這種條件限制就已經(jīng)產(chǎn)生了一些問題。
我相信一個擁有強迫癥的程序員不會想要自己去設(shè)置父元素的死高度售葡,因為這樣做很容易出現(xiàn)各種兼容性以及布局bug看杭。
因此,在一個星期前開始改用國人改良的滾動插件JRoll挟伙,中文名稱“醉蘿卜“www.chjtx.com/JRoll/楼雹,官網(wǎng)在此。經(jīng)過試用尖阔,發(fā)現(xiàn)這個插件簡單易用贮缅,非常適合新手使用,它不依賴任何js插件介却,完全靠原生JS實現(xiàn)功能谴供,基本操作和IScroll無異。
1.引入jroll.min.js文件齿坷。
2.在script標簽中初始化jroll
var myjr = new JRoll("class",{})
3.詳細的API操作可以直接參考官網(wǎng)桂肌,與IScroll大致無異数焊。
JRoll還不像IScroll一樣有許多不同的插件類型如 probe zoom等,所有功能集合在同一個js文件中崎场,縮放佩耳,scroll功能都可以實現(xiàn)。
目前已發(fā)現(xiàn)的問題:無法改動bounce效果谭跨,只有簡單的回彈干厚,不知以后的版本會不會改進。
2017.8.8