uni-app监听页面滚动

在uni-app中可以通过监听页面滚动事件来实现滚动效果或响应滚动事件

1. 在需要监听滚动的页面或组件中，添加一个scroll元素，用于容纳内容并实现滚动效果。

   <template>
     <view class="container">
       <scroll-view scroll-y @scroll="onPageScroll" class="scroll-content">
         <!-- 页面内容 -->
       </scroll-view>
     </view>
   </template>
    
   <style>
   .container {
     height: 100vh;
   }
    
   .scroll-content {
     height: 100%;
   }
   </style>
   

2. 在页面或组件的方法中添加对应的滚动事件处理函数。

   export default {
     methods: {
       onPageScroll(event) {
         // 滚动事件处理逻辑
         console.log(event.scrollTop)
         // 根据scrollTop的值来执行相应操作
       }
     }
   }