在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 移動(dòng)端的H5頁面長(zhǎng)列表的滾動(dòng)用原聲的滾動(dòng)行么?

移動(dòng)端的H5頁面長(zhǎng)列表的滾動(dòng)用原聲的滾動(dòng)行么?

前置:

  • 安卓端的h5頁面
  • 長(zhǎng)列表滾動(dòng)

兩個(gè)問題:

1.移動(dòng)端的長(zhǎng)列表滾動(dòng)直接像瀏覽器一樣用原生/默認(rèn)的滾動(dòng)不行么?

2.為什么有的h5頁面非要用iscroll這樣的js插件來實(shí)現(xiàn)呢?

這里只限定滾動(dòng)(不考慮滾動(dòng)加載之類的效果)

回答
編輯回答
朕略萌

之前也用過插件,但是感覺有點(diǎn)坑,所以就沒有用,不過滾動(dòng)會(huì)比較生硬

2018年1月14日 04:27
編輯回答
無標(biāo)題

從產(chǎn)品角度講,用插件主要是實(shí)現(xiàn)功能和表現(xiàn)的一致性/減少產(chǎn)品周期以及避免重復(fù)踩坑。滾動(dòng)這個(gè)功能點(diǎn)的坑列位已經(jīng)說了,從插件上來講,better-scroll沒用過不好說,選擇iscroll的理由主要是案例多牌子老,另外就是段落滾動(dòng)功能和滾動(dòng)條挺好看的。我之前用主要是在官網(wǎng)上,因?yàn)楣δ芎彤a(chǎn)品契合度高些另外就是做了自適應(yīng),純H5的話我覺得用它感覺上有點(diǎn)重,如果不是功能點(diǎn)需要的話確實(shí)可以換別的,比如我前兩天剛用過騰訊的AlloyTouch(雖然引倆文件感覺挺奇怪,但文件確實(shí)挺小的)。當(dāng)然能自己寫的話就最好了ヾ(′?`)?

2017年6月3日 16:32
編輯回答
練命

因?yàn)樵谝苿?dòng)端有些機(jī)型或者瀏覽器不能實(shí)時(shí)監(jiān)聽滾動(dòng)事件,只有當(dāng)滾動(dòng)停止時(shí)才會(huì)返回。
如果頁面沒有需要監(jiān)聽滾動(dòng)事件的其實(shí)可以不用。
當(dāng)然類似iscroll或者better-scroll類的庫不單單只有頁滾動(dòng)功能。

2017年6月10日 10:22
編輯回答
入她眼

我就按照提問來回答吧。

  1. 移動(dòng)端的長(zhǎng)列表滾動(dòng)可以使用原生的滾動(dòng),有這套方案的,只需開啟-webkit-overflow-scrolling: touch就可以了,它的作用是原生加速,而且效果還很不錯(cuò)(基本上4.4以上效果非常好)
  2. h5頁面不一定非要用iscroll這樣的js插件,很多時(shí)候用iscroll之類的是為了統(tǒng)一體驗(yàn)(如其它回答中提到的),譬如a頁面支持滾動(dòng),b頁面支持下拉刷新等,這樣引用一個(gè)庫后體驗(yàn)都是相同的。

但是,實(shí)際上這類庫的實(shí)現(xiàn)原理都是transition動(dòng)畫,論純滾動(dòng)體驗(yàn),不一定比得上原生滾動(dòng)(原生滾動(dòng)采用了加速后效果一級(jí)棒)

另外,就算是下拉刷新這種插件,也不一定都是基于iscroll這類滾動(dòng)原理的,譬如我就寫過一個(gè)下拉刷新插件,基于原生滾動(dòng),可以參考 minirefresh-優(yōu)雅的H5 下拉刷新

最后說一句,就實(shí)現(xiàn)方案來說,并不只一種,但實(shí)際上考慮產(chǎn)品體驗(yàn),不同的需求等等因素,需要自行抉擇采用哪一種方案!

2017年7月15日 12:17