Question

不用翻页直接上滑翻页的h5是怎么制作的

Answer 1

方法/步骤1：新建一个手机案例
1
创建手机案例，进入互动大师，点击我的作品——创建作品——手机案例

2
添加两个页面对象，对于舞台大小的设置，手机案例一般默认是640*1040，这是iphone6p的页面大小，这里我们使用640*1008的大小，这是iphone5s的大小，这个大小对于大多数的安卓手机也是适用的。

END
方法/步骤2：单张图片的上传和修改
1
选中页面1，添加上传图片

2
将xy轴设置为0，大小设置为640*1008。这样设置便可以使图片满屏显示。

END
方法/步骤3：制作动画。
1
添加时间轴，将图片复制，粘贴至时间轴下。

2
为图片添加轨迹，并将时间轴设置为1秒左右。设置好图片动画时长，这样就不会出现设置的控制点动画播放完，时间轴仍然继续播放的情况。

3
3.添加2个控制点，选中控制点1，设置透明度为0，控制点2的状态由于在设置控制点1前就已经添加，所以属性状态的透明度是与原来持同的100。这样就做出了一个渐现的效果。

4
页面下添加2个事件，将事件1进行设置，触发对象为动作为显示，目标对象为时间轴，目标动作为从头播放，这样就能做出自动出现动画的效果。

5
设置事件2，触发动作为隐藏，目标对象为时间轴，目标动作为跳至某时刻，设置为0，这样做的目的是使你从下一页返回上一页时动画从头开始，可以避免返回上一页时时间轴动画播放完毕后不再播放。

END
方法/步骤4：制作翻页效果。
1
页面切换更改为上下，滑动效果制作完成。

END
方法/步骤5：更快捷地创建类似的新页面。
1
复制页面，先复制页面，然后在舞台下粘贴。

2
选中页面2的图片，替换它，上传后的图片坐标和大小会以我们前面设置好的为标准自动适配，如此类推，便可制作多页翻页特效。

Answer 2

你可以用意派Epub360在线H5页面制作工具实现这个需求，不仅可以上下滑动，也可以左右滑动，具体可以在这里修改设置，如图：

其他还有什么疑问的话，你直接在意派Epub360的教程中心搜索关键词，找到相关教程就好了。