网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網(wǎng)

微信小程序?qū)崿F(xiàn)滾動(dòng)回到頂部的兩種方式

發(fā)布時(shí)間：2021-06-10 09:42 所屬欄目：小程序開發(fā)教程
wxml頁面：catchtap阻止冒泡事件。
  1. <view class="gotop" hidden='{{!cangotop}}'catchtap="goTop">
  2.   <view>回到頂部</view>
  3. </view>


二、在scroll-view形式下回到頂部
  1. <scroll-view scroll-y scroll-top='{{topNum}}' bindscroll="scrolltoupper">
  2. <view class="gotop" hidden='{{!cangotop}}'catchtap="goTop">
  3.   <view>回到頂部</view>
  4. </view>
  5.   </scroll-view>


JS頁面代碼段: 
  1. data:{
  2.     topNum: 0
  3.   }
  4.  
  5.   // 獲取滾動(dòng)條當(dāng)前位置
  6.   scrolltoupper:function(e){
  7.     console.log(e)
  8.     if (e.detail.scrollTop > 100) {
  9.       this.setData({
  10.         cangotop: true
  11.       });
  12.     } else {
  13.       this.setData({
  14.         cangotop: false
  15.       });
  16.     }
  17.   },
  18.  
  19.   //回到頂部
  20.   goTop: function (e) {  // 一鍵回到頂部
  21.     this.setData({
  22.       topNum:0
  23.     });
  24.   },


易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址：http://www.xiuhaier.com/wxmini/doc/course/26362.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢：800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×