ih5长图如何滑动_iH5中级教程：微场景H5必备，横向滑动切换

页面5下添加时间轴，时间轴控制富文本从下往上、从无到有显示。第一个关键帧透明度为0，第二个关键帧透明度为100。

重点控件：滑动时间轴、轨迹、透明按钮、富文本

知识点：

1、 滑动放大比例：使用此参数来设定手指滑动的距离对滑动时间轴轴播放进度的控制，默认值为1，即手指按设定方向划过滑动时间轴整个范围时，滑动时间轴会从起点播放到终点。滑动放大比例越小，动画越平稳，越大，速度越快。

2、 自动跳转控制点：自动跳转控制点是指滑动时滑动时间轴是否在滑动停止时自动播放至下一个控制点，如果将这个选项设为是，那么在滑动停止时，将会自动播放到下一控制点再停止，呈现出类似惯性滑动的效

3、 自动跳转时长：如果将“自动跳转控制点”设置成为是，那么可以通过自动跳转时长来设定滑动停止后，滑动时间轴播放至下一控制点的时间，以秒为单位。如果时间设得长，那么自动跳转的时间便会慢。

TIPS:

1、 在时间轴与滑动时间轴里，如果希望循环播放可以前后衔接，应该使第一个关键帧和最后一个关键帧控制图片的状态一致。

2、 需要制作图片移动切换的效果，可以添加一个透明按钮，透明按钮下平铺多张图片子对象，轨迹控制透明按钮移动，多张图片即可移动切换。

相关事件：

触发对象：时间轴

触发条件：结束

目标对象：时间轴

目标动作：反向播放

时间轴控制白色墙向左移动，时间轴结束后，反向播放，即白色墙向右移动。