uniapp的scroll-view设置滚动条在底部

要将 scroll-view 的滚动条设置在底部，可以通过以下步骤实现：

1. 在 scroll-view 标签中添加一个 class，例如：`<scroll-view class="scroll-view-class">...</scroll-view>`

2. 在对应的样式文件（如 app.vue 或 index.vue）中添加以下代码：

.scroll-view-class::-webkit-scrollbar {
  display: none;
}
.scroll-view-class {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

这段代码的作用是隐藏原生的滚动条，并用伪元素模拟一个自定义的滚动条。如果希望自定义滚动条的样式，可以继续添加 CSS 样式。

3. 在对应的页面中，使用 JavaScript 控制 scroll-view 的滚动位置。可以使用 `scrollTo` 方法将 `scrollTop` 设置为最大值，例如：

const query = uni.createSelectorQuery().in(this);
query.select('.scroll-view-class').boundingClientRect((rect) => {
  uni.pageScrollTo({
    scrollTop: rect.height, // 滚动到最底部
    duration: 300,
  });
}).exec();

这段代码将 `scrollTop` 属性设置为 scroll-view 的高度，即滚动到最底部。

这样就可以将 scroll-view 的滚动条设置在底部了。