uniapp使用scroll-view固定底部自定义tabbar

在uniapp中使用scroll-view固定底部自定义tabbar的方法如下：

1. 首先，在页面的底部添加一个固定的tabbar组件，例如：

<template>
  <view>
    <!-- 页面内容 -->
    <scroll-view scroll-y="true" style="height: {{scrollViewHeight}}rpx;" bindscroll="scrollviewScroll">
      <!-- scroll-view的内容 -->
    </scroll-view>
    
    <!-- 固定的底部tabbar -->
    <custom-tabbar></custom-tabbar>
  </view>
</template>

2. 在页面的data中定义一个变量`scrollViewHeight`，用于设置scroll-view的高度，例如：

export default {
  data() {
    return {
      scrollViewHeight: 0
    }
  },
  // 其他代码...
}

3. 在页面的`onLoad`生命周期函数中，获取底部tabbar的高度，并计算scroll-view的高度，例如：

export default {
  onLoad() {
    // 获取底部tabbar的高度
    const query = uni.createSelectorQuery().in(this)
    query.select('.custom-tabbar').boundingClientRect((res) => {
      // 计算scroll-view的高度
      const windowHeight = uni.getSystemInfoSync().windowHeight
      const tabbarHeight = res.height
      const scrollViewHeight = windowHeight - tabbarHeight
      this.scrollViewHeight = scrollViewHeight
    }).exec()
  },
  // 其他代码...
}

4. 在scroll-view的`bindscroll`事件中，监听scroll-view的滚动事件，例如：

export default {
  methods: {
    scrollviewScroll(e) {
      // 处理scroll-view的滚动事件
    },
    // 其他方法...
  },
  // 其他代码...
}

通过以上步骤，你可以在uniapp中使用scroll-view固定底部自定义tabbar。