微信小程序之监听页面滚动事件,元素隐藏效果

2022年05月10日 阅读数:8
这篇文章主要向大家介绍微信小程序之监听页面滚动事件,元素隐藏效果,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

微信小程序之监听页面滚动事件,元素隐藏效果

HTMLjavascript

<scroll-view class="container scrollview" style="height:{
   
   {bodyH}}px" 
              scroll-y="{
   
   {true}}" bindscrolltolower="nextDataPage" bindscroll="onPageScroll">
	// 代码
	<view class="myilinkbox" wx:if="{
   
   {ismyilinkbox}}">
      123
    </view>
</scroll-view> 

js:java

//页面滚动监听
  onPageScroll: function (e) {
   
   
    // console.log(e)
    this.setData({
   
   
      ismyilinkbox: false
    })
  },