“我只想让图片的一小部分滑动，可以吗？”
很多时候，为了配合图片的设计，我们只想让图片的一部分滑动。
比如下面的图片，如果只想让右边四分之三的范围滑动，直接采用双层前景滑动，效果就会有些奇怪：
*素材来自左尚明舍《「十二」新作》
组件：双层滑动-前景左滑(自动对齐)
编号：10270（组件）
虽然滑动图最终都定在了合适的位置，但在滑动过程中滑动图会扫过左侧四分之一部分，影响了视觉体验。
所以正确的排版方式应该是将滑动范围准确地固定在需要的范围内。左滑试试：
组件：单层滑动-左滑(自动对齐、可调整大小及位置)
编号：10482（组件）
再看下类似的右滑案例：
*素材来自长城汽车《长城汽车7月销量已解锁……》
组件：单层滑动-右滑(自动对齐、可调整大小及位置)
编号：10483（组件）
还有很多时候在文章结尾不得不放的活动说明，但又不想让这部分内容占用太多的空间，品牌们常常会选择局部上下滑动的方式进行排版：
*素材来自恒生银行中国《【优卓臻选】解锁夏日出游礼单…》
组件：单层滑动-上滑(可调整大小及位置)
编号：10165（组件）
以上可以真正限定滑动范围的组件，大家在 iPaiban Pro 黑科技编辑器搜索关键词「滑动 调整」就可以看到，同样分为左、右、上、下四个方向，其中左、右两个方向包含滑动时自动对齐的组件。
以正确的示例1为例，一起看下教程吧：
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com组件：单层滑动-左滑(自动对齐、可调整大小及位置)编号：10482（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「滑动」-「单层滑动」分类中找到「单层滑动-左滑(自动对齐、可调整大小及位置)」组件，或者直接搜索组件编号10482，点击选择。
第2步：上传图片素材
点击页面右侧「换图」按钮，上传滑动图下方的底图，点击「+」号批量上传滑动图。所有滑动图尺寸需保持一致，滑动图尺寸无需与底图一致。
注意：底图上标注的滑动区域，应与滑动图的比例一致。
第3步：调整滑动范围
双击编辑区上传的底图图片，调出滑动区域调整窗口。红色色块代表滑动区域，按照底图上标注的范围，拖动红色色块到指定位置即可。
点击最右侧「预览草稿」预览效果，注意红色色块可以贴着边缘，但不可超出图片边缘，否则可能无法显示滑动图。
第4步：导入公众号后台
预览效果满意后点击右侧「同步至微信后台」就可以了。
使用同步功能不用频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码预览在公众号的效果。
如需局部导入可参考：《iPaiban Pro小助手安装和使用教程》
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器1500+组件/组合现已全部支持免费试用了。
新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）