uniapp滚动到底部

要实现Uniapp滚动到底部，你可以使用以下代码：

首先，在template中添加一个ref属性：

<scroll-view ref="scrollView" scroll-y="true" style="height: 100vh;">
  <!-- 这里是scroll-view的内容 -->
</scroll-view>

然后，在methods中添加以下代码：

scrollToBottom: function() {
  this.$nextTick(() => {
    const scrollView = this.$refs.scrollView.$el;
    scrollView.scrollTop = scrollView.scrollHeight;
  });
}

最后，在需要滚动到底部的时候，调用scrollToBottom方法即可：

this.scrollToBottom();

这样就可以实现Uniapp滚动到底部的功能了。

相关问题

uniapp 滚动到底部

要在 UniApp 中实现滚动到底部的效果，你可以使用 `uni-page-scroll-to` 组件来实现。

首先，在需要滚动的页面中，将内容包裹在一个容器组件中，例如 `<view>` 或 `<scroll-view>`。然后，给容器组件添加一个 `ref` 属性，以便在代码中引用该组件。

接下来，在触发滚动到底部的时机，调用 `uni.pageScrollTo()` 方法，并将滚动的位置设置为底部的位置。

这里是一个示例代码：

<template>
  <view ref="scrollContainer">
    <!-- 页面内容 -->
  </view>
</template>

<script>
export default {
  methods: {
    scrollToBottom() {
      uni.pageScrollTo({
        scrollTop: 9999, // 设置一个足够大的值，以确保滚动到底部
        duration: 300, // 滚动时长，单位为毫秒
        selector: `#${this.$refs.scrollContainer.$el.id}`, // 容器的选择器
      });
    },
  },
};
</script>

在需要触发滚动到底部的地方，调用 `scrollToBottom` 方法即可实现滚动到底部的效果。

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>

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