用135编辑器如何实现，【人民网】公众号这种【点击展开卷轴】的特殊效果？

扫描这个二维码来体验一下

*注意：此样式在部分安卓手机上会出现闪跳问题，这是安卓微信的bug，我们已经向微信官方团队反馈。

——2020年5月28日

这种特殊的交互效果，可以轻松用135编辑器实现，在135编辑器内搜索样式“卷轴”，或者直接搜索ID“98461”，即可收藏使用

先说说为什么用卷轴，就拿人民网这篇文章举例，文章内容主要是讲2020年两会的政府工作报告内容。用长图的形式展示，比纯文字更便于阅读，而且加上卷轴徐徐展开的特殊效果，给人耳目一新的感觉。

接下来我们就讲讲如何制作这款特殊的样式。

1、卷轴内要求放置图片。图片大小不得超过10M，如果单张图片过大，需要裁切成多张图进行上传。

2、查找样式，在135编辑器内搜索“卷轴”，即可找到这款跟人民网文章同款的卷轴样式了。

3、使用此样式，需要授权同步功能，将编辑好的文章同步到公众号后台，点击此处查看授权公众号教程

将菜单更换成【专业版】。点击【更多功能】-【换专业版】即可将样式菜单更换成专业版菜单。如果默认情况就是专业版菜单，则无需变更。记住，要调整SVG样式，必须使用专业版菜单才能编辑。

单击样式，在弹出的菜单栏上，点击【动画】

在SVG动画设置里，你可以点击【图片上传】将样式内图片素材进行替换。

这里我们要了解，卷轴顶部和卷轴底部都是一开始就展现在读者面前的。中间部分是点击后才会缓缓展开的。我们这个样式，支持替换卷轴顶部、中部、底部。

这个样式除了支持卷轴效果以外

还有很多创意玩法，例如

 Mercedesme奔驰客户服务

横向展开帷幕

扫码预览

 央视新闻公众号

展开条漫

扫码预览

 I DO公众号

拉开礼盒

扫码预览