uniapp 点击方法 实现scroll-view回到底部

UniApp是一种基于Vue.js框架的跨平台开发框架，它可以用于同时开发iOS、Android和Web应用程序。UniApp使用一套代码，可以在不同的平台上运行，并且具有良好的性能和用户体验。

要实现scroll-view回到底部的功能，可以按照以下步骤进行操作：

1. 在scroll-view组件上添加一个id属性，例如：id="scroll-view"。
2. 在页面的methods中定义一个方法，例如：scrollToBottom()。
3. 在该方法中使用uni.createSelectorQuery()获取scroll-view组件的实例，并调用scrollIntoView()方法将其滚动到底部。代码示例如下：

methods: {
  scrollToBottom() {
    uni.createSelectorQuery().select('#scroll-view').boundingClientRect((rect) => {
      uni.pageScrollTo({
        scrollTop: rect.bottom
      });
    }).exec();
  }
}

4. 在需要触发回到底部的地方，例如按钮的点击事件中，调用scrollToBottom()方法即可实现scroll-view回到底部的效果。

相关问题

uniapp scroll-view回到底部

在UniApp中，可以使用scroll-view组件来实滚动视图，并且可以通过编程的方式将滚动视图回到底部。下面是一种实现方式：

1. 首先，在你的页面中引入scroll-view组件，并设置一个唯一的id，例如：

<scroll-view id="myScrollView" scroll-y="true" style="height: 100vh;">
  <!-- 内容区域 -->
</scroll-view>

2. 在页面的script标签中，使用uni.createSelectorQuery()方法获取scroll-view组件的实例，并将其保存在一个变量中：

export default {
  mounted() {
    this.$nextTick(() => {
      uni.createSelectorQuery().select('#myScrollView').boundingClientRect((rect) => {
        this.scrollView = uni.pageScrollTo({
          scrollTop: rect.height // 将滚动位置设置为scroll-view的高度，即回到底部
        });
      }).exec();
    });
  }
}

3. 这样，当页面加载完成后，scroll-view组件会自动滚动到底部。

uniapp ucharts 不跟随scroll-view 滚动

根据引用[1]中提到的API，可以使用wx.pageScrollTo()来实现页面滚动，并且可以使用onPageScroll()来监听页面滚动事件。而根据引用[2]中提到的问题，如果在弹层中添加@touchmove.stop.prevent，可以阻止页面跟随滚动。另外，根据引用[3]中的代码，可以在app.vue文件的onLaunch和onShow生命周期函数中使用uni.hideTabBar()来隐藏底部导航栏。所以，如果你想让ucharts图表不跟随scroll-view滚动，你可以在scroll-view中添加@touchmove.stop.prevent来阻止页面滚动，并且在app.vue文件的onLaunch和onShow生命周期函数中使用uni.hideTabBar()来隐藏底部导航栏。