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组件，结合scroll-view的scrolltolower事件来实现滚动到最底部的效果。具体步骤如下：

1. 在template中使用scroll-view组件，设置属性scroll-y为true（垂直滚动），并设置高度。

<scroll-view class="scroll-view" scroll-y="true" style="height: 500rpx;">
  <!-- scroll-view中的内容 -->
</scroll-view>

2. 在scroll-view组件上绑定scrolltolower事件。

<scroll-view class="scroll-view" scroll-y="true" style="height: 500rpx;" @scrolltolower="scrolltolower">
  <!-- scroll-view中的内容 -->
</scroll-view>

3. 在methods中定义scrolltolower事件处理函数，判断是否滚动到了最底部，如果是则执行相应的操作。

methods: {
  scrolltolower() {
    // 获取scroll-view组件实例
    const scrollView = this.$refs.scrollView;

    // 判断是否滚动到了最底部
    if (scrollView.scrollHeight - scrollView.scrollTop <= scrollView.clientHeight) {
      // 执行滚动到最底部的操作
      // ...
    }
  }
}

注意：在获取scroll-view组件实例时，需要在scroll-view组件上添加ref属性，并把属性值设置为scrollView，以便通过this.$refs.scrollView获取到scroll-view组件实例。

另外，如果需要滚动到最底部的效果比较平滑，可以使用scroll-view组件的scroll-into-view方法：

methods: {
  scrolltolower() {
    // 获取scroll-view组件实例
    const scrollView = this.$refs.scrollView;

    // 判断是否滚动到了最底部
    if (scrollView.scrollHeight - scrollView.scrollTop <= scrollView.clientHeight) {
      // 滚动到最底部
      scrollView.scrollIntoView('bottom');
    }
  }
}

其中，scrollIntoView方法的参数bottom表示滚动到最底部。