微信小程序小技巧《十七》富文本組件wxParse，制作回到頂部按鈕 ... ...
發(fā)布時間：2018-02-06 16:34 所屬欄目：小程序開發(fā)教程
一：制作回到頂部按鈕
作者：馬優(yōu)晨，來自原文地址
我們先看一下效果吧，直接上圖。
第一種情況,當(dāng)頁面在頂部的時候，回到頂部按鈕是不會出現(xiàn)的。
第二種情況,當(dāng)頁面在離開頂部一定距離的時候，回到頂部按鈕出現(xiàn)
接下就是對代碼的分析了：
在這里我們?nèi)绻褂脻L動事件的話，小程序規(guī)定 最外層一定要使用scroll-view標(biāo)簽進(jìn)行包裹，然后在設(shè)置scroll-y=”true” 意思是允許頁面了縱向滾動，scroll-top是滾動到頂部做處理，一般綁定一個事件，bindscrolltolower同樣的原理，滾動到底部做處理，bindscroll表示在滾動的時候出發(fā)這個事件。下面WXML內(nèi)部的話，就是我們回到頂部的按鈕設(shè)置，我們在點擊它時綁定一個事件goTop，讓他的滾動高度等于0，這樣它就回到頂部了。
WXML代碼：
- <scroll-view class="bigWrap" scroll-y="true" scroll-top="{{scrollTop}}" bindscroll="scroll"
