这个样式看起来很高大上，其实仔细一分析，我们可以把它看成是上下双层图片，底层的图片保持不动，上面一层是可滑动的透明图片。
这种样式已经被各大公众号广泛应用，特别是题主举的“GQ实验室”这种条漫类公众号，经常会玩滑动效果。另外，它适用于揭晓谜底、刮奖、人物换装、变换表情等，既看起来高大上，读者也会有互动的感觉。
下面这些案例都属于双层透明滑动的样式：
万宝龙MONTBLANC
成都龙湖
梅赛德斯-奔驰
其实，只要准备好素材，分分钟就能实现和奔驰、万宝龙等公众号的同款样式。话不多说，上教程！
第一步，选择组合。
在PC 端 Chrome（谷歌浏览器）打开iPaiban Pro 黑科技编辑器并注册，点击编辑器左侧的“组件”，下滑选择“双层滑动-前景左滑”，或者直接在搜索框中搜索组件编号10018。
第二步，设置底图。
点击编辑区域的“上层滑动-前景左滑”，上传底图，也就是下面那层保持不动的图片，PNG和JPEG格式都可以。
第三步，设置前景图（滑动图）。
点击“滑动图”处的“+”，上传前景图，也就是上面那层可以滑动的图片。这里要注意，前景图必须要是PNG格式的，且背景要是透明的，滑动时可以可以看到底图。
注意：上下两张图的尺寸大小必须一样，对应的位置要相吻合
具体操作可以参考下面的动图：
当然，如果你想设置成前景图向右滑动，那也当然没有问题，只需要在“组件”中选择“双层滑动-前景右滑”，或者直接在搜索框中搜索组件编号10096就可以了。
第四步，导入微信公众号
预览几次没问题之后，就可以导入微信公众号后台了！安装一个 iPaiban Pro 小助手浏览器插件，非常轻松就能导入，还不用担心不适配的问题。插件安装和使用教程见：《iPaiban Pro 浏览器插件来了！》。
复制代码之后，切换到微信公众号，点击插件，再导入代码，就万事大吉了！
其实，很多看起来非常复杂的排版样式，用iPaiban Pro 黑科技编辑器（x.iPaiban.com）都能轻松做到，iPaiban Pro 是第一款专注于公众号Svg交互排版的图文编辑器，让不懂代码的运营者也能轻松制作交互图文。
下面这些都是我们合作过的公众号，图文点击展开、滑动显示、隐藏音频视频等你见过的没见过的公众号排版方式都可以轻松实现。
认准iPaiban Pro 黑科技编辑器：x.iPaiban.com，复制网址在PC端Chrome（谷歌）浏览器打开，即可开始注册并使用。
如果你想了解更多排版和运营知识，可以关注公众号【i排版】，学习更多排版硬核教程。
