1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。 2、父容器最好也指定高度 下面通过举例来说明 <template> <view class="main"> <scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom"> //省略内容 </scroll-view> </view> </template> ...
简介:UniApp scroll-view 事件不生效(@scroll、@scrolltolower、@scrolltoupper ...) scroll-view在使用@scroll、@scrolltolower、@scrolltoupper、upper-threshold、lower-threshold ...等熟悉或事件时,不生效,是因为scroll-view没有一个固定的高度,所以需要给容器设定一个高度。 scroll-view开启下拉刷新后,无论在...
但是如使用scroll-view导致页面级没有滚动,则触底事件不会被触发,所以这里存在的问题是有时候无法触发onReachBottom。 最终选择了适用scroll-view自带的滚到底部触发事件scrolltolower事件,虽然这个事件确实能够实现上拉加载数据分页的功能,但是这个是事件存在两个问题。第一个问题就是当滚动条滚动到底部时会多次触发scroll...
1.上下滚动因为高度的问题,scrollView没有填满所剩下的空间,没有实现区域滚动 scroll-top 不生效的问题 ,比如想滚动到底部 在用这个标签之前,很多地方需要阅读官方文档比如这句话 :用竖向滚动时,需要给 一个固定高度,通过 css 设置 height。 我的第二个问题就是因为没有设置高度导致 scroll-top不生效,但是设置高...
有一个项目需求,顶部导航固定,下边的列表可以上下滑动,这里我选择的是flex布局,导航的高度固定,列表的高度,宽度flex:1;overflow:auto;此时,项目需要加一个上拉加载的事件,我就用到了scroll-view中的@scrolltolower事件,滑动到底部触发,但是加上后,试了半天,事件就是不触发,后来百度了半天,才找到了这个坑 ...
最近在写项目需要一个聊天室的功能,每次收到消息都要滑动到最底部。 这里打算用scroll-into-view来实现这个功能。 有时候可以跳转有时候不行,跳转的锚点ID也没毛病,最后发现可能是虚拟dom的原因 那没问题了,把跳转的功能用计时器包裹起来,变成异步即可解决...
有时候,CSS样式(如overflow属性)或JavaScript脚本可能会干扰scroll-view的正常滚动。检查是否有任何全局样式或特定于scroll-view的样式可能阻止了滚动。此外,确保没有JavaScript代码(如事件监听器)阻止了默认的滚动行为。 5. 调试和查看控制台的错误日志 使用开发者工具查看控制台中的错误日志,这可能会提供关于为什么scroll...
建了vue2版本和vue3版本的uniapp分别测试,vue3版本的scroll-view存在scroll-into-view不生效的问题,目前未修复(23.12.20) 已找到解决方法: scroll-view 里需要设置 :scroll-with-animation="true" (23.12.27) 更优解决办法:(24.04.01) 无须设置:scroll-with-animation="true",只需将scroll-into-view的值改为...
目标是要实现:选项卡左右滑动,当在列表页面选中某一个菜单时 ,跳转到下一个页面要滑动到指定菜单位置位置,所以要使用到scroll-into-view。 附图: 点击第一张图的位置,跳转到下一张图, 滑动到指定菜单位置 前提:已设置固定高度 HTML代码: <scroll-view class="scroll-view_H" :scroll-x="true" :scroll-with...
关键是设置scroll事件及赋值时要是延迟的,放在$nextTick或setTimeout <scroll-viewclass="scroll_content"scroll-y="true":scrollTop='scrollTop'@scroll='scroll':style="{'top': listTop+'px',height:taskStatus===1?scrollHeight+'px':scrollHeight2+'px'}"><!--任务tab内容--><TaskInfo:taskInfos=...