uni-app中为什么view标签区域滚动scroll事件获取不了滚动距离信息?

uni-app中为什么view标签区域滚动scroll事件获取不了滚动距离信息?

4 回复

应该是 uniapp 这边没有原生dom 的概念 获取这些信息 需要使用官方提供的api去获取 看一下文档吧


好像没有啊,我找了半天都没有找到,才来这里提问的

API文档位置:https://uniapp.dcloud.net.cn/api/ui/nodes-info.html 这里是有的哈 uniapp 获取节点信息 有自己的api

在 uni-app 中,<view> 标签默认是不支持滚动的,因此你无法直接通过 scroll 事件获取滚动距离信息。如果你想要获取滚动距离信息,通常需要使用支持滚动的容器,比如 <scroll-view> 组件。

解决方法:

  1. 使用 <scroll-view> 组件<scroll-view> 是 uni-app 中专门用于处理滚动内容的组件。它支持 scroll 事件,并且可以获取滚动距离信息。

    <scroll-view scroll-y="true" [@scroll](/user/scroll)="handleScroll">
      <!-- 内容 -->
    </scroll-view>
    export default {
      methods: {
        handleScroll(event) {
          console.log('滚动距离:', event.detail.scrollTop);
        }
      }
    }
  2. 使用 page 的滚动事件: 如果你需要在页面级别获取滚动距离,可以使用 onPageScroll 生命周期钩子。

    export default {
      onPageScroll(event) {
        console.log('页面滚动距离:', event.scrollTop);
      }
    }
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!