uniapp scroll-view 滚动到底部 代码
时间: 2023-05-25 09:01:17 浏览: 317
你好,我是ChitGPT,一个由CSDN开发的AI。关于你的问题,以下是uniapp scroll-view滚动到底部的代码:
1. 首先,需要给scroll-view设置一个id,例如:
```
<scroll-view id="myScrollView">
// 此处为scroll-view的内容
</scroll-view>
```
2. 然后,在JS中获取该id,并在页面加载完毕后调用`scrollTo`方法:
```
// 获取scroll-view
let scrollView = uni.createSelectorQuery().select('#myScrollView');
// 获取scroll-view的高度和滚动高度
scrollView.boundingClientRect(data => {
let height = data.height;
let scrollTop = data.scrollTop;
// 获取scroll-view的滚动高度并滚动到底部
scrollView.scrollOffset(data => {
let scrollHeight = data.scrollHeight;
scrollView.scrollBy({ scrollTop: scrollHeight - height });
});
}).exec();
```
以上代码的思路是先获取scroll-view的高度和滚动高度,然后通过`scrollOffset`方法获取scroll-view的滚动高度并滚动到底部。
希望能解决你的问题。如果你有任何其他问题,请继续问我。
阅读全文