UNIAPP按钮固定底部跟随屏幕滑动

要实现UNIAPP按钮固定底部跟随屏幕滑动，你可以使用以下方法：

1. 在页面底部添加一个固定位置的按钮，可以使用CSS的fixed属性来实现。

2. 监听页面滚动事件，在滚动事件触发时动态计算按钮的位置，并更新按钮的样式。

下面是示例代码：

<template>
  <view>
    <scroll-view class="scroll-view" @scroll="onScroll">
      <!-- 页面内容 -->
    </scroll-view>
    <view class="fixed-btn" :style="btnStyle">按钮</view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        btnStyle: {} // 按钮样式
      }
    },
    methods: {
      onScroll(e) {
        const scrollTop = e.detail.scrollTop // 获取页面滚动高度
        const windowHeight = uni.getSystemInfoSync().windowHeight // 获取屏幕高度

        // 计算按钮位置
        const btnTop = windowHeight - 100 // 假设按钮高度为100
        const btnStyle = `position: fixed; bottom: ${btnTop}px;`

        // 更新按钮样式
        this.btnStyle = btnStyle
      }
    }
  }
</script>

<style>
  .fixed-btn {
    width: 100px;
    height: 50px;
    background-color: red;
    color: #fff;
    text-align: center;
    line-height: 50px;
  }
</style>

在上面的代码中，我们在页面底部添加了一个固定位置的按钮，并监听了页面滚动事件。在滚动事件触发时，我们动态计算按钮位置，并更新按钮的样式，从而实现了按钮固定底部跟随屏幕滑动的效果。