使用指南
滚动溢出
当您在「原型模式」下,选中一个画板,在右侧面板中既可设置滚动溢出的效果。
目前 Pixso 支持三种不同类型的溢出行为:「垂直滚动」「水平滚动」「水平 & 垂直滚动」。
垂直滚动
垂直滚动支持您在画板内上下滑动或滚动,来模拟向下滚动较长的网站,通常在预览一屏无法预览完毕,需要继续往下翻动的场景(购物 APP、新闻资讯类 APP 等等)
水平滚动
水平滚动支持您在画板内左右滑动或滚动,同时保持其垂直位置。使用它为内容创建滑动区域,常见的场景就比如轮播图
水平 & 垂直滚动
水平和垂直滚动支持您在画板内的任意方向进行上下左右滚动,这样可以实现一些例如地图预览的场景
Tip: 要使用滚动溢出效果的画板,需要溢出的内容必须要超出画板的边框
滚动溢出设置
滚动溢出需要子图层尺寸超出上一层图层尺寸才可设置滚动溢出。
具体设置步骤如下:
- 将超长内容【内容页面】容器,放置于演示容器【显示尺寸】内;
- 演示容器设置:水平滚动、垂直滚动 或 水平垂直滚动;
- 在演示模式内,支持使用 鼠标滚轮 或 拖拽 进行滚动,如果设置为 水平滚动 或 水平垂直滚动,则仅支持拖拽滚动。