axure怎么实现页面滚动效果图

来源：蜘蛛抓取(WebSpider) 时间：2017-10-02 07:06 标签：

将界面动态面板中将动态面板屬性面板中的”滚动“设置为”自动显示垂直滚动条“，界面内容可以跟随鼠标滚轮滚动

将界面放在两级动态面板中，内层动态面板设置为自适应内容尺寸外层动态面板设置为合适的尺寸。把垂直拖动交互设置在内层动态面板上添加拖动的上下边界。

1.将要拖动的界面選中右键点击后在快捷菜单中点击”转换为动态面板“，命名为内层动态面板

2.右键点击生成的动态面板，在快捷菜单中点击”转换为動态面板“调整外层动态面板的尺寸和位置，命名为外层动态面板记住外层动态面板的高度值为H。

3.双击外层动态面板进入State1，单击内層动态面板在属性面板上双击”拖动时“，打开用例编辑器对话框

4.在用例编辑器对话框的左侧动作列表中找到”移动“，单击后在祐侧配置中勾选”当前元件“，下方的”移动“下拉列表中选择”垂直拖动“

5.点击两次”添加边界“按钮，添加两条边界规则分别设置为”顶部<=0“和”底部 >=H“(H输入刚才记住的高度值)，点击确定关闭用例编辑对话框

6.按F5生成预览，拖动界面部分内层动态面板的内容将在外层动态面板的范围内移动显示，并且存在上下边界

我要回帖

 

随机推荐