bug原因 建了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-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...
uni-app中scroll-view中无法滚动的问题 2019-12-19 11:47 −1 scroll-y设置为true,在小程序,web都可以滑动,实现上拉加载 2 在手机上无法触发滑动加载,此时要给scroll-view一个高度,就可以解决。 ... lxgwxq 0 17749 uni-app视频组件设置圆角
scroll-into-view=-with-animation="true" 我这里使用fixed来固定高度的,也可以写死高度,看需求 .content-area{overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;} 1:必须给设置高度 2:scroll-with-animation="true"(添加滑动动画)
5. 提醒开发者在使用scroll-into-view时需要注意的事项和常见问题 确保元素存在:在设置scroll-into-view之前,确保视口内确实存在具有指定id的元素。如果元素不存在,滚动可能不会按预期工作。 滚动位置:scroll-into-view只保证元素出现在视口内,但不保证元素的具体位置(如顶部、底部或中间)。如果需要更精确的控制,可能...
定位文件 https://raw.githubusercontent.com/dcloudio/uni-app/master/packages/uni-h5/dist/index.umd.min.js 定位代码 _scrollIntoViewChanged:function(e){if(e){if(!/^[_a-zA-Z][-_a-zA-Z0-9:]*$/.test(e))return t.group('scroll-into-view="'+e+'" 有误') t 这...
上篇我们写了,固定高度的拖拽,这篇我们将进行不固定高度的拖拽模块编写完成。 开始 一、初始化 我们在list数组里面增加一个data的动态数组,这样可以动态改变元素的高度。 当前元素y = 上一个元素的高度 <template> <view style="height: 100%;"> <movable-area :style="{'width': '100%', 'height': all...
聊天页面,本来觉得用scroll-into-view,然后底部放一个id标签就可以自动触底了,太天真 一个scroll-into-view里面是components的时候不起作用,一个是scroll-into-view不支持动态插入元素,只是一次性的首次加载页面后的scroll 只能去算内容宽度用scrollTop了