移动端页面手指滑动翻页，slider插件翻的是整页，现在想滑动一部分。

Question

问题描述

如图，除去页首的日期和页尾的导航，中间部分分为两个部分，上部是圆环和内部的总体展示，下部是喝水列表。现在想通过手指的滑动实现上部和下部的滑动。

问题出现的环境背景及自己尝试过哪些方法

尝试过swiper插件，不过该插件实现的是整页的滑动，不能实现部分的滑动。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？