← 返回全部术语
拖拽与触摸手势 / TERM 158

滑动手势Swipe Gesture

用手指左右移动内容。

158
LIVE PREVIEW
01✦02✦03✦
✦   MOTIONLEX

01 这个效果是什么

常见于移动端图片画廊和卡片浏览,需要明确阈值与非手势替代操作。

02 可以这样告诉 AI

让移动端案例画廊支持左右滑动:只有水平位移超过 48px 且方向明确时切换一页,否则回弹原位。保留上一个/下一个按钮供键盘和非触屏用户操作;不要阻断页面正常纵向滚动。

03 做好后看什么

  • 纵向滚动不被抢走
  • 滑动阈值避免误触
  • 按钮和键盘可完成同样操作