←→←→……↓↓↓↓↓……

层层滑动接伸长

5 月，左滑右滑左滑右滑…伸长这一交互形式在行业内掀起一阵小高潮，前有多层滑动营造文章的神秘感，后有伸长结构承载内容传达信息。层层滑动模型由 GL 创作，后接伸长的结构由计老师迭代设计，并首次应用于我们的展览发布《是 渔 夫，还 是 超 人？》。

近期基于层层滑动接伸长交互模型，我们向行业内交付了两篇商业作品。一篇由计老师操刀开发，并交付至喜茶《王，榨，油，柑，BANG！》。另一篇是由小杨制作，JZ 交付至 GQ 实验室的《爆了！爆了！这些全爆了！》，可点击链接前往体验。

该技术原型是由 GL 为 WEYSUV 定制开发的《明天公布！五一假期神秘景区，只有10%的人知道！》，通过零高容器将多层滑动装置堆叠，利用空白画布穿透滑动下层结构，从而实现层层滑动的特效。计老师又在此模型的基础上新增伸长功能，并经过迭代修复滑块伸长后再触发的问题。本期视频课计老师则为大家系统地讲解了该交互模型的背后原理和技术操作，可以点击以下链接购买观看▼

层层滑动模版已上架到 E2.COOL 编辑器官网中，专业会员和企业级会员可以在「滑动模块」中选择「层层滑动」使用。然而层层滑动接伸长模型由于定宽属性特殊，且暂不授权其他编辑器进行相同结构模板化。层层滑动模版对应的模版位置如下▼

更多系统性的 SVG 新媒体交互开发知识，你可以通过报名我们的专业课程深度学习，目前 JZ 的全系列课程均在进行买课送书互动，具体可以参看《<买课送书活动开始啦/>》了解所有课程信息。

品牌方如需定制，请致电 021 37218818 或添加管理员微信 Zhuoya_Work。