Axure rp怎么实现页面部分区域悬浮效果?
百度经验 发布时间：2019-07-11 09:00:39 作者：yourshi0099 
我要评论
我要评论Axure rp怎么实现页面部分区域悬浮效果？经常能在网站上看到悬浮的页面，想要制作这个悬浮效果的原型，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参考下
在网站中经常见到有一块区域处于悬浮状态，单击它就会滚动到指定位置，该怎么实现这个效果呢？下面我们就来看看Axure rp制作悬浮页面的教程。
1、用鼠标拖一个矩形元件到画布中，命名为top，宽为700，高为100，文字为顶部；同样的设置一个底部矩形元件
2、拖两个矩形元件，点矩形元件中的黑圆点，选三角形。第二个矩形元件要做垂直放置，形成向下三角形。
3、设计后的效果如下：
4、用鼠标拖一个热区元件放在向上箭头的上面，给它添加鼠标单击时触发事件。
5、在用例编辑窗口中，选 滚动到元件锚链接，右侧元件中选top，并勾选“仅垂直滚动”，点确定。
6、同样的，拖一个热区元件放在向下箭头的上面，并进行事件设置
7、同时选中向上箭头和向下箭头，右键，选择转换为动态面板，并对动态面板进行属性设置。
8、选择动态面板，右键|固定到浏览器，并进行如下属性。
9、按F5进行设计效果预览。按向上箭头可以滚动到页首，按向下箭头滚动到页尾。
以上就是Axure rp实现页面部分区域悬浮效果的教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
相关文章
Axure怎么组合新的元件？Axure中想要创建自己的元件库，自己可以组合元件，下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-12
axure怎么制作下拉多选部门的控件？axure中想要制作一个下拉菜单，该怎么制作下拉多选部门的控件呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-11
Axure8怎么删除元件样式管理？Axure8中想要管理元件，该怎么删除元件样式管理？下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-10
Axure8原型怎么导出为index图片？Axure8中制作的网页模型想要导出为index图片，方便没有axure的朋友查看，该怎么操作呢？下面我们就来看看详细的教程，需要的朋友可以参考2018-09-10
Axure8页面原型怎么搜索内容？Axure8中想要搜索内容，该怎么搜索呢？下面我们就来看看Axure8搜索内容的方法，需要的朋友可以参考下2018-09-09
Axure8控件怎么添加说明信息？Axure插入的控件是可以添加文字说明的，该怎么添加说明信息呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-07
Axure怎么设计开关按钮效果？Axure中想要设计一个开关的按钮，该怎么制作这个按钮呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2018-09-05
Axure8交互设计怎么导入rp文件？Axure8设计网页原型的时候，想要导入rp文件，该怎么导入恩？下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-05
Axure8原型怎么生成HTML文件？Axure8制作的页面想要生成HTML文件，该怎么生成HTML文件呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-04
Axure8历史记录怎么删除？Axure8使用以后会产生历史记录，在打开最近编辑的文件中可以看到最近的操作记录，该怎么清空历史记录呢？下面我们就来看看详细的教程，需要的朋友2018-08-29
最新评论