更优解决办法:(24.04.01) 无须设置:scroll-with-animation="true",只需将scroll-into-view的值改为变量,如:scroll-into-view="scrollPoint" 初始设置 scrollPoint: '',在onMounted里或者页面渲染后,再将scrollPoint设置为对应的id值如scrollPoint='activedVideo'即可。 参考:https://ask.dcloud.net.cn/question...
</scroll-view> 网上给的是要在@scroll 方法里设置intoView JS代码: scroll: function(e) { console.log(e) this.intoView = "view"+e.currentTarget.dataset.id; }, 然而,这个写法并不正确,需要使用setData方法,使用setData方法后,报setData方法报错。 求大神给提供解决方案。
最近在写项目需要一个聊天室的功能,每次收到消息都要滑动到最底部。 这里打算用scroll-into-view来实现这个功能。 有时候可以跳转有时候不行,跳转的锚点ID也没毛病,最后发现可能是虚拟dom的原因 那没问题了,把跳转的功能用计时器包裹起来,变成异步即可解决
<!-- 分类名称列表 --><viewstyle='width:100vw;display:flex'><scroll-viewstyle='height:100vh;width:20%':scroll-y="true"><view><view@click='intoDom(item.id)'v-for(item,index)inlist:key='index'>分类名称</view></view></scroll-view><!-- 商品列表 --><scroll-viewstyle='height:100...
关键是设置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=...
简介:UniApp scroll-view 事件不生效(@scroll、@scrolltolower、@scrolltoupper ...) scroll-view在使用@scroll、@scrolltolower、@scrolltoupper、upper-threshold、lower-threshold ...等熟悉或事件时,不生效,是因为scroll-view没有一个固定的高度,所以需要给容器设定一个高度。 scroll...
在uni-app中,scroll-view 组件用于实现可滚动视图区域。要将 scroll-view 滚动到底部,可以通过以下几种方法来实现: 1. 使用 scroll-into-view 属性 这种方法要求为 scroll-view 内的每个子元素设置唯一的 id,然后通过 scroll-into-view 属性指定要滚动到的子元素的 id。 vue <template> <scroll-vie...
1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。 2、父容器最好也指定高度 下面通过举例来说明 <template> <view class="main"> <scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom"> ...
uni-app 组件之scroll-view,原网页地址:https://uniapp.dcloud.io/component/scroll-view说明scroll-view,可滚动视图区域。用于区域滚动。需注意在webview渲染页面中,区域滚动性能不及页面滚动。属性说明属性名类型默认值说明平台差异说明scroll-x...
问题描述 scroll-view 组件上的@scroll事件报错并无效 复现步骤 [复现问题的步骤] ` <scroll-view class="flex-1" scroll-y scroll-with-animation @scroll="scroll" @scrolltolower="reachBottom" /> reachBottom() { } scroll(e) { } ` 点击scroll-view 区域上下滑动 预期