在UniApp中监听页面的上下滑动事件，可以使用页面的滚动事件onPageScroll。这个事件会在页面滚动时触发，可以用来实现一些滚动相关的交互效果，比如当用户滚动页面时隐藏操作按钮，停止滚动时显示操作按钮。

此外，如果需要在页面中的特定区域监听滑动事件，可以使用触摸事件，关键点在于三个事件：@touchstart（触摸开始）、@touchmove（手指滑动的过程）、@touchend（触摸结束，手指离开屏幕）。通过这些事件，可以计算滑动的距离和方向，从而实现自定义的滑动效果。

例如，以下是一个监听滑动事件的代码片段：

<template>
  <view @touchstart="start" @touchend="end" @touchmove="move">
    <!-- 这里是需要滚动的内容 -->
  </view>
</template>

<script>
export default {
  methods: {
    start(event) {
      // 触摸开始处理
    },
    move(event) {
      // 手指滑动处理
    },
    end(event) {
      // 触摸结束处理
    }
  }
}
</script>

在某些情况下，如果需要禁止页面在手机端的上下滚动，可以使用disable-scroll属性。例如，在<scroll-view>组件中，可以通过设置disable-scroll属性来禁止滚动。

<template>
  <view>
    <scroll-view disable-scroll="true">
      <!-- 这里是需要滚动的内容 -->
    </scroll-view>
  </view>
</template>

在上面的代码中，<scroll-view>组件被设置了disable-scroll="true"，这样就禁止了滚动。需要注意的是，disable-scroll属性只能禁止页面的上下滚动，如果需要禁止左右滚动，需要另行实现.

综上所述，UniApp提供了多种方式来监听和控制页面的滑动事件，包括使用onPageScroll事件监听整个页面的滚动，使用触摸事件监听特定区域的滑动，以及使用disable-scroll属性禁止滚动。