H5页面设计使用教程：页面翻页方向及效果

设置页面翻页方向

在左边栏页面组，可以选择设置页面组内翻页方向，包括：

●上下翻页

●左右翻页

●自由模式

自由模式

上下、左右的翻页模式，很容易理解。那这个“自由模式”又是什么意思？实际上，自由模式针对的情况更为复杂：在同一个页面组内，如果希望既可以上下、也可以左右切换，这就需要用“自由模式”了。

如下图所示，页面是有层级关系的，又被划分为了两个子组：

0 / 1 / 2 这三页，是第一个子组，这三页可以上下切换

3 /

4 /

5 又是另外一个子组，这三页也是上下切换的

从0 / 1 / 2 这三页中任意一页，向左滑动，就来到了第二个子组的第一页，即页3

看看自由模式下的实际的切换效果吧：

自由模式设置方法

设置方法很简单，就是用鼠标按住页面向右拖动，就能形成二级子页面，而向左拖则会恢复为一级页面。

注意事项：

Q：页面已经被拖成这样了，但我希望1、2、3都是上下滑动切换，怎么办？！

A：先把3先拉到左边，然后再从2开始向右一个个拖

如何设置首尾页翻页

设置页面翻页切换效果（目前共有7种切换方式，默认为缩放）右侧设置面板-作品信息-切换效果

意派Epub360-专业H5设计工具

意派Coolsite360-专业响应式网站/微信小程序设计工具