要将 scroll-view 滚动到指定位置,你可以使用 scroll-into-view 属性或者通过调用 scroll 方法来实现。下面是详细的解答: 1. 使用 scroll-into-view 属性 scroll-into-view 属性允许你指定一个子元素的 id,当设置这个属性时,scroll-view 会自动滚动到该子元素的位置。 示例代码: html <template> <...
在scroll-view的属性中设置:scroll-into-view="state.scrollIntoMessageId"通过动态设置scrollIntoMessageId来到指定的组件位置 记住这个id是给组件的id属性赋值之后才行,不是key我开始也以为是key,实际不是。比如下面这个代码循环创建一个列表的view,并且每个赋值一个单独的messageId给他的id属性,那么要滚动到哪里就在...
<scroll-view scroll-left="7500" scroll-view scroll-with-animation='true' class="scroll-view_H" scroll-x="true"> {{count}} </scroll-view> </view> </view> </view> </template> export default { data() { return {} }, methods: { click() { // this.toView=''; // this.$next...
1,指定位置为0-1的随机数,1px不容易看出来,一般场景足够,滚动到300位置可以用300 + Math.random()偏差很小,可以容忍 <scroll-view scroll-y="true" :scroll-top="scrollViewTop"> this.scrollViewTop = Math.random(); 1. 2. 3. 2,结合@scroll事件一直监听,个人认为对性能是一种损耗 <s...
scroll-view是UniApp中用于滚动视图的组件,可以通过设置其属性来实现滚动到指定位置的功能。其中scroll-top属性表示滚动条距离顶部的距离,scroll-into-view属性表示滚动到某个子元素的id。 使用scroll-view标签的属性时,需要注意以下几点: scroll-top属性的值必须是具体的数值,表示滚动条距离顶部的距离。如果需要动态计算...
设置一个scrollTop设置竖向滚动条的位置,首先默认为0,当页面向下滚动会触发scroll-top事件从而改变scrollTop的值,当切换到第二个scroll-view时在默认设置scrollTop为0,那么在切换到第二个页面的同时页面的竖向滚动条的位置会默认滚动到最顶部,从而解决了默认滚动到最底部加载多次数据的问题。
uni 文档中 scroll-view 说明 可滚动视图区域,用于区域滚动。使用竖向滚动时,需要给 scroll-view 一个固定高度,通过 css 设置 height;使用横向滚动时,需要给 scroll-view 添加 white-space: nowrap; 样式。 微信小程序文档中 scroll-view 说明 可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过...
对于聊天评论界面,有的时候需要使用scroll-view组件做固定区域的滚动效果,但是,当有新的评论内容显示的时候,如何能够做到动态让评论区滚动到最底部,以便于显示最新的评论,下面就简单介绍一下处理方式。 效果 一、模板代码 #1.定义外层评论框scroll-view的ID(commentContainer) ...
设置哪个方向可滚动,则在哪个方向滚动到该元素 开始 布局部分示例 <scroll-viewscroll-y="true":scroll-info-view="childrenId"><viewv-for="(item,index) in msg":key="index":id="'id-'+index">聊天内容等布局... 我就不一一写出来了</view></scroll-view> ...
两种方式的前提是:提供具体的高度值(scroll-view 也可以横向滚动到指定位置)。 一、uni.pageScrollTo uni.pageScrollTo 不起效果的原因可能有两: 1,值格式不对;2,布局格式不对。 如果是传入selector不起效: uni.pageScrollTo({ duration:300, selector: id // string 选择器 ...