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

拖拽方向锁定Drag Axis Lock

横着拖就是横向,竖着拖就是竖向。

172
LIVE PREVIEW
DRAG / SWIPE
01 IDEA☰ DESIGN03 BUILD↖
拖拽方向锁定
✦   MOTIONLEX

01 这个效果是什么

手势开始后根据主要方向锁定轴向,减少横纵滚动互相抢夺。

02 可以这样告诉 AI

卡片拖动超过 8px 后判断主方向并锁定单轴;纵向手势让页面继续滚动,横向才切换卡片。

03 做好后看什么

  • 纵向阅读不会被横向卡片抢走
  • 键盘和触屏有等效操作