← 返回全部术语
滚动触发与定位 / TERM 009

滚动方向响应Scroll Direction Response

向下收起,向上再次出现。

009
LIVE PREVIEW
☰   NAVIGATION
↓ SCROLL DOWN↑ SCROLL UP
✦   MOTIONLEX

01 这个效果是什么

界面根据向上或向下滚动切换状态,常用于移动端导航。

02 可以这样告诉 AI

移动端导航在向下滚动超过 80px 后收起,向上滚动时重新出现;接近页面顶端始终显示,加入方向阈值避免微小抖动。

03 做好后看什么

  • 小幅来回滚动不会闪烁
  • 减少动态效果时仍可完整使用