iScroll精品文章

• 

  JS進(jìn)階篇--iscroll.js的使用

  ...需要使用滾動功能的區(qū)域均要進(jìn)行初始化。每個(gè)頁面上的iScroll實(shí)例數(shù)目在設(shè)備的CPU和內(nèi)存能承受的范圍內(nèi)是沒有限制的。 盡可能保持DOM結(jié)構(gòu)的簡潔。iScroll使用硬件合成層但是有一個(gè)限制硬件可以處理的元素。最佳的HTML結(jié)構(gòu)如...

  Genng 2019-08-21 10:37 評論0 收藏0
• 

  Iscroll解析

  ... 做了一些移動端的產(chǎn)品，發(fā)現(xiàn)一些滾動效果很多會使用 iscroll 作為底層庫（如阿里小蜜）。iscroll 的文檔已經(jīng)好久沒更新了，而且比較簡單，經(jīng)常需要直接讀源碼。這里寫一篇總結(jié)，作為對 iscroll API的整理。而 iscroll 的庫 probe...

  weapon 2019-08-19 18:32 評論0 收藏0
• 

  在包含圖片的頁面中正確使用iScroll

  背景 iScroll初始化依賴DOM的高度計(jì)算，必須等DOM完全渲染好后才能使用iScroll。最近項(xiàng)目中有個(gè)頁面需要使用iScroll,但是這個(gè)頁面中包含許多圖片，并且圖片的高度是不定的，如果DOM ready后就去初始化iScroll肯定是有問題的（因...

  zhangke3016 2019-08-20 17:46 評論0 收藏0
• 

  在包含圖片的頁面中正確使用iScroll

  背景 iScroll初始化依賴DOM的高度計(jì)算，必須等DOM完全渲染好后才能使用iScroll。最近項(xiàng)目中有個(gè)頁面需要使用iScroll,但是這個(gè)頁面中包含許多圖片，并且圖片的高度是不定的，如果DOM ready后就去初始化iScroll肯定是有問題的（因...

  RancherLabs 2019-08-01 17:05 評論0 收藏0
• 

  使用iscroll4可能會遇到的問題(轉(zhuǎn)：記錄)

  1.在iscroll4的滾動容器范圍內(nèi)，點(diǎn)擊input框、select等表單元素時(shí)沒有響應(yīng)這個(gè)問題原因在于iscroll需要一直監(jiān)聽用戶的touch操作，以便靈敏的做出對應(yīng)效果，所以它把其余的默認(rèn)事件屏蔽了，解決的方法是，在iscroll4源碼里面找到...

  keelii 2019-08-20 17:06 評論0 收藏0
• 

  使用iscroll4可能會遇到的問題(轉(zhuǎn)：記錄)

  1.在iscroll4的滾動容器范圍內(nèi)，點(diǎn)擊input框、select等表單元素時(shí)沒有響應(yīng)這個(gè)問題原因在于iscroll需要一直監(jiān)聽用戶的touch操作，以便靈敏的做出對應(yīng)效果，所以它把其余的默認(rèn)事件屏蔽了，解決的方法是，在iscroll4源碼里面找到...

  褰辯話 2019-08-29 12:43 評論0 收藏0
• 

  關(guān)于數(shù)據(jù)異步加載引起Iscroll.js布局出錯(cuò)的解決方案

  相信對于前端攻城獅來說Iscroll.js,大家并不陌生，lite版本只有24kb。但可以解決 1、position:fixed在IOS端的兼容性問題 >移動端viewport可以理解為一個(gè)放大鏡，滑動頁面就相當(dāng)于在移動這個(gè)放大鏡，頁面的位置并沒有變。 >position:fix...

  MonoLog 2019-08-20 17:04 評論0 收藏0
• 

  使用iScroll時(shí)，input等不能輸入內(nèi)容的解決方法

  做移動平臺的應(yīng)用，使用iscroll使屏幕上下滑動。發(fā)現(xiàn)當(dāng)使用iscroll后，input等不能輸入內(nèi)容了。只要在iscroll.js文件中加入如下代碼就ok了。 function allowFormsInIscroll(){ [].slice.call(document.querySelectorAll(input, select, button)).forEach(functio...

  wawor4827 2019-08-20 14:44 評論0 收藏0
• 

  關(guān)于數(shù)據(jù)異步加載引起Iscroll.js布局出錯(cuò)的解決方案

  相信對于前端攻城獅來說Iscroll.js,大家并不陌生，lite版本只有24kb。但可以解決 1、position:fixed在IOS端的兼容性問題 >移動端viewport可以理解為一個(gè)放大鏡，滑動頁面就相當(dāng)于在移動這個(gè)放大鏡，頁面的位置并沒有變。 >position:fix...

  sixleaves 2019-08-01 16:57 評論0 收藏0
• 

  隨手記 - 瘋狂觸發(fā)滾輪事件的Mac觸控板

  ...，我靠什么鬼？！Mac下用觸控板一滑到底，——首頁上用iscroll寫的翻頁效果直接全軍覆沒。 這個(gè)bug來的莫名其妙，問了一圈人也沒什么思路，后來自己上網(wǎng)搜，在一個(gè)頁面上找到一段關(guān)于Mac的觸控板的手勢滑動會瘋狂觸發(fā)滾輪...

  RobinTang 2019-08-20 14:22 評論0 收藏0
• 

  iscroll.js和lazyload.js的兼容（滑動時(shí)，緩沖好的圖片不更新）

  以前在做項(xiàng)目的時(shí)候，把jquery.lazyload.js和iscroll.js一起使用，當(dāng)滑動頁面的時(shí)候，iscroll的滑動效果出來了，但是圖片懶加載的效果沒出來，主要是因?yàn)閳D片緩沖完畢后不能及時(shí)刷新解決兩者兼容問題操作： 1、（iscroll.js和lazylo...

  Cheng_Gang 2019-08-21 11:39 評論0 收藏0
• 

  listloading 一個(gè)移動端的上拉、下拉加載更多的組件

  ...是一個(gè)移動端的上拉、下拉加載更多的組件。主要依賴于iscroll.js v5.1.2基礎(chǔ)上開發(fā)的組件，基礎(chǔ)庫可以使用jquery.js或者zepto.js操作dom節(jié)點(diǎn)，目前我是使用了zepto.js作為基礎(chǔ)庫操作dom，以jquery插件的形式存在。如果不想以插件方式使...

  jeyhan 2019-08-20 10:13 評論0 收藏0
• 

  iscroll-lite源碼閱讀

  背景 最近開發(fā)移動端項(xiàng)目用到了iscroll，踩了不少坑，因此閱讀源碼加深下對這個(gè)工具的了解。本次閱讀的是iscroll-lite，包含了主要的功能，比完整版少了鼠標(biāo)滾輪，滾動后對齊到特定位置，按鍵綁定及定制滾動條等功能。 ...

  jackzou 2019-08-22 16:17 評論0 收藏0