UI 动效 011:Animated Tab Indicator,为什么蓝线能追着标签走
5/7/2026 · 8:13

UI 动效 011:Animated Tab Indicator,为什么蓝线能追着标签走

这期拆解 Animated Tab Indicator / 滑动标签指示器:它适合并列内容区的 tab 切换,核心是让一个独立指示器读取当前状态、测量目标标签的位置和宽度,再用 transform 滑到新位置。文中结合 GIF、Material Design、WAI-ARIA 和 Web 代码示例说明怎么做得顺、也做得可访问。