建了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 方法里设置intoView JS代码: scroll: function(e) { console.log(e) this.intoView = "view"+e.currentTarget.dataset.id; }, 然而,这个写法并不正确,需要使用setData方法,使用setData方法后,报setData方法报错。 求大神给提供解决方案。
最近在写项目需要一个聊天室的功能,每次收到消息都要滑动到最底部。 这里打算用scroll-into-view来实现这个功能。 有时候可以跳转有时候不行,跳转的锚点ID也没毛病,最后发现可能是虚拟dom的原因 那没问题了,把跳转的功能用计时器包裹起来,变成异步即可解决
subList:[{itemname:"商品1",id:"1001"}]}]}},methods:{// 点击左边分类名称,定位到商品分类块位置intoDom(id){// 先设置一个错误的IDthis.intoId=`dom_${id}_xxx`// 然后再设置正确的滚动IDsetTimeout(()=>{this.into
--资源tab内容--><TaskResource:taskId='taskId'ref="treeRef":eventCode='eventCode':stageId='stageId'v-show="currentTab==='resource'"></TaskResource></scroll-view>data(){rerurn{scrollTop:0,oldScrollTop:0,}}scroll(e){this.oldScrollTop=e.detail.scrollTop;},//切换tabhandleClickSegment(...
不生效的问题,我将基于您提供的参考信息和给出的提示,分点进行回答,并尽可能包含代码片段来佐证。 1. 检查scroll-into-view属性的使用方法是否正确 确保scroll-into-view属性的值正确指向了页面中的一个元素ID。在Vue或微信小程序中,这个ID应该是唯一的,并且与scroll-view组件内的某个子元素的id属性相匹配。
scroll-view在使用@scroll、@scrolltolower、@scrolltoupper、upper-threshold、lower-threshold ...等熟悉或事件时,不生效,是因为scroll-view没有一个固定的高度,所以需要给容器设定一个高度。 scroll-view开启下拉刷新后,无论在什么位置触摸下滚,都算在进行下拉,这个也是因为没有设置固定高度的问题。 如果...
uniapp解决scroll-view滑动事件失效问题@scrolltolower 1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。 2、父容器最好也指定高度 下面通过举例来说明 <template> <view class="main"> <scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom"> ...
uniappscroll-viewscroll-top设置不⽣效的解决办法 简直折磨⼈，搜了⼤半早上的⽂档，也没看出来什么眉⽬，看了好多博客，都没啥实质性的⽤处，不说了，直接贴代码 <template> <view> <!-- scroll-with-animation="true" 这句话也尽量给加上 --> <scroll-view scroll-y="true" c...
uni-app之scroll-view组件 uni-app使用scroll-view组件不生效的问题 1.横向滚动不生效的问题是因为少了两行代码: white-space: nowrap; display:inline-block; 2.纵向滚动 必须指定滚动区域的高度。 不设置高度的话,scroll-view是不会滚动的,此时滚的是页面。