上移后展开，特仑苏这个排版真帅！

 

打开图文，点击上移后的切换效果，不知道大家用过吗？

这次来讲一讲它的升级版——点击上移切换组合。

我们看下特仑苏的这个案例，点击试试：

 

                        

可能有小伙伴想到了之前介绍给大家的一个「点击向上拖拽切换」组合（编号：11923）效果：

*素材来自劳斯莱斯汽车《天地由心，安之如愿》

其实并不一样，它比点击向上拖拽切换组合在使用时更灵活。点击向上拖拽切换组合需要拖拽前后的内容画面尺寸需保持一致，而点击上移切换组合无需一致，当上移后的内容长于上移前的画面时，上移后图文会自动展开显示全部内容。

在 iPaiban Pro 黑科技编辑器中，除了「点击上移切换组合」组合（编号：11788），还有下移、左移、右移3个方向的效果，在组合中搜索对应编号即可看到。

详细教程：

工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com

组合：点击上移切换组合

编号：11788（组合）

第1步：选择组合

登录 iPaiban Pro 编辑器后，点击编辑器左侧「组合」按钮，在「点击」分类中找到「点击上移切换组合」组合，或者直接搜索组合编号11788，点击选择。

第3步：上传「上移前」图片

点击右侧「换图」按钮分别上传点击前和上移首屏内容图。注意这两张图的尺寸需一致。

第4步：设置「上移后」内容

展开高度一般无需调整，但当大家在手机上预览时，如果发现展开后有多余的空白或者没有展现出全部内容，这时候可以通过「加减展开高度」使其恰好展开。

第6步：导入公众号后台

内容编辑完毕后，点击左上角「保存并退出」回到编辑器主页面。

继续点击最右侧「预览草稿」，效果满意后接着点击「同步至微信后台」就可以了。

使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。

如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。