更优解决办法:(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方法报错。 求大神给提供解决方案。
<!-- 分类名称列表 --><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-into-view来实现这个功能。 有时候可以跳转有时候不行,跳转的锚点ID也没毛病,最后发现可能是虚拟dom的原因 那没问题了,把跳转的功能用计时器包裹起来,变成异步即可解决
简介:UniApp scroll-view 事件不生效(@scroll、@scrolltolower、@scrolltoupper ...) scroll-view在使用@scroll、@scrolltolower、@scrolltoupper、upper-threshold、lower-threshold ...等熟悉或事件时,不生效,是因为scroll-view没有一个固定的高度,所以需要给容器设定一个高度。 scroll...
show="currentTab==='resource'"></TaskResource></scroll-view>data(){rerurn{scrollTop:0,oldScrollTop:0,}}scroll(e){this.oldScrollTop=e.detail.scrollTop;},//切换tabhandleClickSegment(e){this.currentTab=e.value;this.scrollTop=this.oldScrollTop;setTimeout(()=>{this.scrollTop=0},100)}...
1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。 2、父容器最好也指定高度 下面通过举例来说明 <template> <view class="main"> <scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom"> ...
uni-app中scroll-view中无法滚动的问题 2019-12-19 11:47 −1 scroll-y设置为true,在小程序,web都可以滑动,实现上拉加载 2 在手机上无法触发滑动加载,此时要给scroll-view一个高度,就可以解决。 ... lxgwxq 0 17373 uni-app中使用scroll-view滚到底部时多次触发scrolltolower ...
uniapp中的scroll-view组件提供了类似于原生小程序的滚动视图功能,可通过设置scroll-x和scroll-y属性来控制水平和垂直滚动。在滚动过程中,可以通过设置scroll-with-animation和scroll-into-view等属性来实现动画效果和自动滚动到指定位置。然而,使用scroll-view时可能会出现卡顿、闪烁等问题,可能是由于滚动内容过多或者子...