← 返回全部术语

浮层与对话 / TERM 228

下拉关闭弹层Drag to Dismiss Sheet

抓住弹层顶部向下拉，就能收起。

228

LIVE PREVIEW

OPEN ANOTHER LAYER

当前页面•••

向下拉即可关闭 ↓

下拉关闭弹层

✦ MOTIONLEX

01 这个效果是什么

移动端底部弹层通过把手下拉关闭，未达阈值则回到原停靠点。

02 可以这样告诉 AI

底部弹层顶部把手下拉超过 30% 才关闭，内容区滚动不误触；关闭后焦点回到触发按钮。

03 做好后看什么

内容滚动不会意外关闭弹层
键盘和触屏有等效操作