小程序一鍵置頂

wxml:

   <view class="one-click-top" bindtap="oneClickTop" wx:if='{{scrollTop > 750}}'>

    <image class="one-click-top-icon" src="https://eventimg.oss-cn-shenzhen.aliyuncs.com/activity_applet/top_icon.png"></image>

   </view>

js:

  // 一鍵置頂

  onPageScroll: function (res) {

    // 頁面滾動監聽

    let that = this

     setTimeout(function () {

      // 節流

      that.setData({

        scrollTop : res.scrollTop

      })

    }, 100)

  },

  

  oneClickTop(e){

    if(wx.pageScrollTo){

      wx.pageScrollTo({

        scrollTop: 0,

      })

    }else{

      wx.showModal({

        title: '提示',

        content:'當前微信版本過低,無法使用該功能,請升級到最新微信版本後重試'

      })

    }

  },

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章