
具体案例
E2.COOL 黑科技编辑器的真 · 无极嵌套能力,一直备受广大运营人的喜爱。而如果我们把「滑动模块」内的组件互相嵌套,会产生什么样的能力呢?
效果特征
初始画面既可以左滑,也可以右滑,各自进入一个新的展示页面。具体参看《Power Story | 点击攻略,开启2022 Easy模式》一文。

实现方法
「双向滑动」的本质,是正向滑动内在第一个滑块中嵌套入逆向滑动。我们先来准备素材,也就是左中右三张滑块图:

登录 E2.COOL 黑科技编辑器,先在「滑动模块」中选择「等分容器滑动」组件:

如果我们要实现一个最简单的三图的「双向滑动」,接下来你只需要在第一个嵌套区放入「无限图片滑动(逆向)」,在第二个嵌套区放入「无缝图」即可:

如上图,自上而下传入素材「中」、「左」、「右」即可,右侧预览窗口支持调试浏览。

如果希望左、右划开内有和案例一样的图片超链接?那么第二个嵌套区加入「链接能力」-「无图标超链接」。第一个嵌套区则再套入一个「等分容器滑动」并在筛选器内调用出逆向的 2 图版,分别放入「无缝图」组件和「无图标超链接」,具体示意图下:

看到这里,各位 E2 玩家相信已经脑洞大开了。这样的积木结构意味着,其实「双向滑动」的左侧和右侧区域内,可以嵌套入更多丰富的交互特效。
而像这样通过嵌套组合实现的花式排版,之前还推荐过《解析|「错层滑动」是什么高端操作?》这类积木思路,近期我们发布的《2022新媒体热点日历|随机获赠SVG编辑器会员7日体验》也是基于「错层滑动」实现的。
任何公众号运营中的疑难杂症,都欢迎邀请我们回答哦。
