學(xué)習(xí)筆記:移動端滾動插件JRoll

學(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末饺蚊,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子悬嗓,更是在濱河造成了極大的恐慌污呼,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,692評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件包竹,死亡現(xiàn)場離奇詭異燕酷,居然都是意外死亡,警方通過查閱死者的電腦和手機周瞎,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評論 3 392
  • 文/潘曉璐 我一進店門苗缩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人声诸,你說我怎么就攤上這事酱讶。” “怎么了彼乌?”我有些...
    開封第一講書人閱讀 162,995評論 0 353
  • 文/不壞的土叔 我叫張陵泻肯,是天一觀的道長。 經(jīng)常有香客問我慰照,道長灶挟,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,223評論 1 292
  • 正文 為了忘掉前任毒租,我火速辦了婚禮稚铣,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘墅垮。我一直安慰自己惕医,他們只是感情好,可當我...
    茶點故事閱讀 67,245評論 6 388
  • 文/花漫 我一把揭開白布算色。 她就那樣靜靜地躺著曹锨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪剃允。 梳的紋絲不亂的頭發(fā)上沛简,一...
    開封第一講書人閱讀 51,208評論 1 299
  • 那天齐鲤,我揣著相機與錄音,去河邊找鬼椒楣。 笑死给郊,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的捧灰。 我是一名探鬼主播淆九,決...
    沈念sama閱讀 40,091評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼毛俏!你這毒婦竟也來了炭庙?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,929評論 0 274
  • 序言:老撾萬榮一對情侶失蹤煌寇,失蹤者是張志新(化名)和其女友劉穎焕蹄,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體阀溶,經(jīng)...
    沈念sama閱讀 45,346評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡腻脏,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,570評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了银锻。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片永品。...
    茶點故事閱讀 39,739評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖击纬,靈堂內(nèi)的尸體忽然破棺而出鼎姐,到底是詐尸還是另有隱情,我是刑警寧澤更振,帶...
    沈念sama閱讀 35,437評論 5 344
  • 正文 年R本政府宣布症见,位于F島的核電站,受9級特大地震影響殃饿,放射性物質(zhì)發(fā)生泄漏谋作。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,037評論 3 326
  • 文/蒙蒙 一乎芳、第九天 我趴在偏房一處隱蔽的房頂上張望遵蚜。 院中可真熱鬧,春花似錦奈惑、人聲如沸吭净。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,677評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽寂殉。三九已至,卻和暖如春原在,著一層夾襖步出監(jiān)牢的瞬間友扰,已是汗流浹背彤叉。 一陣腳步聲響...
    開封第一講書人閱讀 32,833評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留村怪,地道東北人秽浇。 一個月前我還...
    沈念sama閱讀 47,760評論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像甚负,于是被迫代替她去往敵國和親柬焕。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,647評論 2 354

推薦閱讀更多精彩內(nèi)容

  • JavaScript 資源大全中文版很多程序員應(yīng)該記得 GitHub 上有一個 Awesome - XXX 系列的...
    wwmin_閱讀 3,432評論 1 92
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,081評論 25 707
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案梭域? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,748評論 1 92
  • 富貴不歸鄉(xiāng)里斑举,如衣繡夜行,誰人知者病涨? ——《項羽本紀》 在《項羽本紀...
    關(guān)小昂閱讀 1,972評論 7 16
  • 我們都知道在iOS10前 UIRefreshControl 只對UITableviewController使用富玷,其...
    Rockerliang閱讀 6,306評論 4 9