我們先看一下效果吧,直接上圖。
接下就是對代碼的分析了:
在這里我們如果要使用滾動事件的話,小程序規定 最外層一定要使用scroll-view標簽進行包裹,然后在設置scroll-y=”true” 意思是允許頁面了縱向滾動,scroll-top是滾動到頂部做處理,一般綁定一個事件,bindscrolltolower同樣的原理,滾動到底部做處理,bindscroll表示在滾動的時候出發這個事件。下面WXML內部的話,就是我們回到頂部的按鈕設置,我們在點擊它時綁定一個事件goTop,讓他的滾動高度等于0,這樣它就回到頂部了。