今天我们将介绍一个简单的基本交互式——页面拖动。看看如何实现页面拖拽效果，欣赏~
想必很多做移动的新手同学都有这样的困扰。页面想展示手机内容可以上下滑动，但是无法实现。只能用珠三角的文件来标注，有时候真的会泄气，所以今天白小白就教大家如何达到这个效果。
组件：文本框和动态面板；内容：“拖动时”状态；
步骤如下：
(1)添加一个矩形/文本框来填充假文本；将组件设置为动态面板；名称“显示内容面板”。
(2)设置动态面板的状态，“拖动时-移动时-选择内容”。因为你想滑动内容而不是移动整个屏幕，所以你选择了动态面板下的“内容”。(注：没有中文轴，英文拖字为“Dragged”)
(3)因为是手机，我们选择“垂直移动”，所以内容的上下滑动到目前为止都可以实现，但是目前的滑动是无止境的滑动，所以接下来就要进行下一步了。
(4)设置顶部和底部范围。
顶部：0或更少，底部：474或更多。
设置范围的公式为：顶部小于等于动态面板内部的起始位置，底部大于等于动态面板外部的结束位置。
之后保存点击浏览查看效果，会实现简单的页面拖拽效果。
互动rp文件，朋友可以下载查看详情：https://pan.baidu.com/s/1JoYJNEN0znpT3bLDBEIhQQ.
下一期我会提高这个效果的难度，实现APP下拉刷新。
本文最初由@产品白小白发布，每个人都是产品经理。未经允许禁止转载。
图片来自Unsplash，基于CC0协议。