連勝--小程序中滾動(dòng)條的使用，wx.pageScrollTo和<scroll-view>的對(duì)比 ...
前言：近期小程序項(xiàng)目中用到了滾動(dòng)條功能，官方文檔中提供兩種方式。即wx.pageScrollTo滾動(dòng)到page頁面的指定位置，
1、wx.pageScrollTo
官方文檔地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/scroll.html
示例代碼：
wx.pageScrollTo({
scrollTop: 0
})
使用此方式，你需要知道以下幾點(diǎn)：
1、小程序基礎(chǔ)庫1.4.0之前不支持此方法，這點(diǎn)兒比較坑
2、小程序中雙擊頂部的textbar，會(huì)默認(rèn)回到頂部
3、能夠觸發(fā)page的上拉(ReachBottom)和下拉(PullDownRefresh)事件
4、當(dāng)頁面中有使用position:fixed布局時(shí)，彈出鍵盤時(shí)，fixed布局部分會(huì)閃屏
2、
小程序中另一種實(shí)現(xiàn)滾動(dòng)條的方式，是使用scroll-view組件。官方文檔：https://mp.weixin.qq.com/debug/wxadoc/dev/component/scroll-view.html
詳細(xì)的參數(shù)，請(qǐng)仔細(xì)查看官方文檔~
示例代碼：
class="scroll-view" scroll-y style="height: 500px;" scroll-top="{{scrollTop}}"> id="green" class="bc_green"> id="red" class="bc_red"> id="yellow" class="bc_yellow"> id="blue" class="bc_blue">
使scroll-view組件方式，你需要知道以下幾點(diǎn)：
1、縱向滾動(dòng)(scroll-y)時(shí)，必須設(shè)置height值，并且不能使用css中的calc來計(jì)算，scroll-top值才會(huì)生效
2、小程序中雙擊頂部的textbar，無法回到頂部
3、無法觸發(fā)page的上拉(ReachBottom)和下拉(PullDownRefresh)事件
4、當(dāng)頁面中position:fixed布局不受影響
