在uni-app中,scroll-view 组件用于实现可滚动视图区域。要将 scroll-view 滚动到底部,可以通过以下几种方法来实现: 1. 使用 scroll-into-view 属性 这种方法要求为 scroll-view 内的每个子元素设置唯一的 id,然后通过 scroll-into-view 属性指定要滚动到的子元素的 id。 vue <template> <scroll-vie...
data: {bodyText:'',// 展示的文本内容scrollTop:0// 竖向滚动条的位置} 定义一个方法,设置滚动条定位到底部 autoScroll() {letthat =thisletquery = wx.createSelectorQuery()// 通过class选择器定位到scorll-viewquery.select('.scroll-text').boundingClientRect(res=>{ that.setData({// 由于res.height...
关于页面由第一个scroll-view切换到第二个scroll-view时会自动滚动到页面的最底部: 设置一个scrollTop设置竖向滚动条的位置,首先默认为0,当页面向下滚动会触发scroll-top事件从而改变scrollTop的值,当切换到第二个scroll-view时在默认设置scrollTop为0,那么在切换到第二个页面的同时页面的竖向滚动条的位置会默认滚动...
实现scroll-view自动滚动到最底部 原理: 1.使用scroll-view的scroll-into-view (值应为某子元素id) 2. scroll-view最后加入一个text元素 3. 需要跳转到最底部时,将text的id值改变为一个新值,然后在settimeout中将scroll-into-view值改为text的新id值 适用场景: scroll-view中内容变化没有规律,不是一条一条...
最近在做个直播间,有个这样的需要,就是进入到页面,<scroll-view>需要滚动到最底部,并且发送消息之后自动的滚动到底部。 开始想着计算里面内容的高度,然后通过设置 scroll-top 的值,达到这个效果。在网上搜一圈,大多也是采取的这种方案。但是感觉这个方案略麻烦。想另寻一条解决方案。
1、当我们在Activity里面获得View对象的时候,无论是getMeasuredHeight()还是getHehgit()方法(放在Activity里的onCreate,onStart,onResum),返回值一律为零。 2、无法使ScrollView的内容从最底部开始向上滑动(一开始ScrollView为空白,但是内容由下向上慢慢上移) ...
短视频直播系统,scroll-view 实现自动滚动到最底部 在滚动视图组件内再加一层view视图,布局改动后,源代码如下 <template> <view> <scroll-view class="scroll-view" :style="{height:scrollViewHeight+'px'}" :scroll-y="true" :scroll-top="scrollTop" :scroll-with-animation="true"> <view id="scroll-...
1.再做微信小程序聊天得时候,聊天得消息比较多,所以需要每次将滚动框移到最底部。刚开始试了 scroll-top ,等都无效。最后决定使用scroll-into-view 也无效。 2.解决办法:scroll-into-view 指向得view得id 须要再整个页面加载完后才有效,所以再列表得数组赋值完后,再给 scroll-into-view指向得变量赋值才行。另外...
方式一: 为了实现聊天室最新信息展示,需要自动滚动到底部可以用scrollTop实现,chatData为消息的数组,scrollTop的值大于scroll-view的高度,则...
关于页面由第一个scroll-view切换到第二个scroll-view时会自动滚动到页面的最底部: 设置一个scrollTop设置竖向滚动条的位置,首先默认为0,当页面向下滚动会触发scroll-top事件从而改变scrollTop的值,当切换到第二个scroll-view时在默认设置scrollTop为0,那么在切换到第二个页面的同时页面的竖向滚动条的位置会默认滚动...