uniapp自动滚动到底部

在uniapp中，要实现自动滚动到底部的功能，可以使用scroll-view组件的scroll-into-view属性或scroll-top属性。根据你提供的代码，可以看出你使用的是scroll-view组件，并且尝试了scroll-into-view和scroll-top属性，但在微信小程序中无效。根据官方文档[1]，scroll-into-view属性在微信小程序中可能无效，而scroll-top属性可以控制滚动条位置。因此，你可以尝试使用scroll-top属性来实现自动滚动到底部的效果。

在你提供的代码中，可以看到scroll-view组件的scroll-top属性被绑定到了scrollTop变量上。你可以在scrollToBottom方法中，通过计算内容的高度和滚动视图的高度，将scrollTop设置为内容的高度减去滚动视图的高度，从而实现自动滚动到底部的效果[3]。

需要注意的是，为了确保在DOM更新后获取正确的高度，你需要在$nextTick回调函数中执行滚动操作[3]。

希望这个解答对你有帮助！如果还有其他问题，请随时提问。

引用：
[1] 官方uniapp文档
[3] 你提供的代码片段

相关问题

uniapp页面自动滚动到底部的方法

你可以使用以下代码实现uniapp页面自动滚动到底部：

// 获取页面滚动高度
const pageHeight = document.documentElement.scrollHeight || document.body.scrollHeight;

// 将页面滚动到底部
uni.pageScrollTo({
  scrollTop: pageHeight,
  duration: 300 // 滚动时长
});

希望能够帮到你！

uniapp滚动到页面底部

在UniApp中，可以通过使用`scroll-view`组件来实现滚动到页面底部的效果。下面是一种实现方式：

1. 在页面的`template`中，使用`scroll-view`组件包裹需要滚动的内容，设置`scroll-y`属性为`true`，表示允许垂直滚动。

<template>
  <view>
    <scroll-view scroll-y="true" class="scroll-view">
      <!-- 内容 -->
    </scroll-view>
  </view>
</template>

2. 在页面的`script`中，使用`uni.pageScrollTo()`方法来实现滚动到底部的效果。

<script>
export default {
  methods: {
    scrollToBottom() {
      uni.pageScrollTo({
        scrollTop: 9999, // 设置一个足够大的值，确保滚动到底部
        duration: 300 // 滚动动画的时长，单位为毫秒
      });
    }
  }
}
</script>

3. 在需要触发滚动到底部的时机，调用`scrollToBottom()`方法即可。

<template>
  <view>
    <scroll-view scroll-y="true" class="scroll-view">
      <!-- 内容 -->
    </scroll-view>
    <button @click="scrollToBottom">滚动到底部</button>
  </view>
</template>

这样，当点击按钮时，页面会自动滚动到底部。