axure 内部框架内容下滑_Axure 教程：使用内联框架，制作页面滚动

本次教各位小伙伴使用内联框架来实现页面滚动，除此之外还会有一些小案例 ~

先来看看 天猫 首页 顶部栏 的效果 ~

(以上图片已是上传的极限， 各位看官要是看不清，请自行下载天猫，打开首页观看)

所以今天我们就拿天猫首页的顶部栏为例子，来讲解在 Axure 里面是如何制作的 ！！

一、准备元件

先看图：

(以上图片分三部分讲，背景元件色值为：#E4E4E4，下面不重复讲)

1.首先新建 Axure 文件，顶部电量条可由大家随意制作( w：375 ，h：20 )，如果有相关组件库的小伙伴可直接拖入 ；

2.顶部栏区域，拖进一个元件当做背景( w：375 ，h：44 )，从 阿里巴巴矢量图标库 ( http://www.iconfont.cn )下载以下 icon 如图摆放即可 ；

3.在顶部栏区域的下面，拖进一个元件当做背景( w：375 ，h：44 )，再在该元件上面放置一个纯白色矩形( w：335 ，h：30 )，命名：“ 输入框背景 ”、一个文本框(