Taro中如何正确监听页面滚动事件? 子源~ 提问于 2026-03-01 09:55:19 阅读 5 移动 我在Taro开发微信小程序时,想监听页面的滚动位置,但用onPageScroll好像没生效,控制台也没报错。 页面结构是普通ScrollView包裹内容,是不是得用别的方法?试过在componentDidMount里加Taro.createSelectorQuery()也不行。 onPageScroll(e) { console.log('scroll', e.scrollTop) } Taro跨端开发 我来解答 赞 2 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 艺嘉 Dev Lv1 唉,又这个坑,我之前这样搞的。 你页面用了ScrollView包裹,那滚动的就是ScrollView组件而不是页面本身,onPageScroll当然不会触发。要么去掉ScrollView让页面直接滚动,要么就用ScrollView的onScroll事件: scrollY onScroll={(e) => { console.log('scroll', e.detail.scrollTop) }} > {/* 内容 */} 两点要注意:ScrollView必须设置scrollY为true,还要给个固定高度,不然滚不动。 回复 点赞 2026-03-01 11:44 加载更多 相关推荐 1 回答 15 浏览 Kbone 中如何正确监听页面滚动事件? 我在用 Kbone 开发微信小程序,想监听页面的滚动位置,但 onScroll 事件好像不生效。 试过在页面根元素加 bindscroll,也试过用 window.addEventListener('... ❤俊贺 框架 2026-02-28 17:55:20 1 回答 33 浏览 uni-app中React组件如何正确监听页面滚动事件? 在用uni-app开发时遇到了滚动监听问题。我在页面里写了一个React组件,想通过uni的onPageScroll方法获取滚动位置,但滚动时数值没有变化,甚至出现重复回调。 尝试过这样写代码: co... 极客子诺 移动 2026-02-18 08:58:42 1 回答 38 浏览 Taro页面跳转后样式被重置,如何保持原页面CSS? 在Taro项目里用了navigator标签跳转页面,发现目标页面的CSS样式全被重置了。比如这个按钮样式: .button { background: linear-gradient(to right... 轩辕文茹 框架 2026-02-06 16:52:33 1 回答 4 浏览 Taro分包加载后页面空白是怎么回事? 我在用 Taro 做小程序开发,配置了分包,但进入分包页面时一直是空白,控制台也没报错。 主包和分包路径都按文档配了,app.config.ts 里也加了 subpackages 字段,像这样: ex... 码农士航 框架 2026-03-02 08:20:20 1 回答 29 浏览 Taro中Redux状态更新后页面不重新渲染怎么办? 我在Taro项目里用Redux管理状态,dispatch action之后state确实变了,但页面就是不重新渲染。我试过用useSelector取数据,也确认了reducer返回的是新对象,可组件还... A. 普涵 框架 2026-02-28 14:01:23 1 回答 9 浏览 Taro 中如何正确使用 View 组件的 hover-class 属性? 我在 Taro 里写了个按钮,想用 hover-class 实现点击时的样式变化,但完全没反应,是写法有问题吗? 我试过在微信小程序原生里这么写是有效的,但在 Taro 编译后好像 hover-cla... Mc.含含 移动 2026-02-27 23:23:21 1 回答 17 浏览 Taro 编译时如何正确配置 alias 路径别名? 我在 Taro 项目里想用路径别名简化 import,比如把 src/utils 映射成 @/utils。按照文档在 config/index.js 里配了 alias,但编译到微信小程序时报错说找不... UI芳宁 框架 2026-02-26 15:21:20 1 回答 8 浏览 Taro分包加载后页面路径找不到怎么办? 我在Taro项目里配置了分包,主包和子包都写好了,但一进分包页面就报“页面不存在”错误。 app.config.ts 里是这么配的: export default { pages: ['pages/i... Good“丽丽 框架 2026-02-25 08:19:17 2 回答 77 浏览 Taro项目适配快应用时为什么页面布局显示错位? 我在用Taro开发多端应用时,适配快应用遇到了问题。页面布局在其他平台都正常,但在快应用里总是显示错位,比如导航栏和内容区域挤在一起。之前调整过flex布局的justify-content和align... IT人梓艺 框架 2026-02-18 12:51:32 1 回答 40 浏览 Taro路由跳转后页面无法获取到传递的参数? 大家好,我在用Taro做页面跳转时遇到了问题。点击按钮跳转到详情页后,页面无法获取到传递的id参数,控制台报undefined。 这是跳转代码: // 页面A按钮点击事件 handleClick() ... Tr° 殿薇 框架 2026-02-12 17:00:28
你页面用了ScrollView包裹,那滚动的就是ScrollView组件而不是页面本身,
onPageScroll当然不会触发。要么去掉ScrollView让页面直接滚动,要么就用ScrollView的onScroll事件:两点要注意:ScrollView必须设置
scrollY为true,还要给个固定高度,不然滚不动。