博客概要
分享利用Axure的动态面板元件制作的“固定到浏览器”效果~
Axure RP8-实战案例_总目录
文章超链接:https://blog.csdn.net/qq_41386332/article/details/109445644
固定到浏览器
![](https://i-blog.csdnimg.cn/blog_migrate/bb21e347eca684bb03723329603d8009.jpeg)
解释 | 在浏览器固定,位置不发生变化 |
---|---|
效果 | 不随着页面的滚动发生位置的改变 |
【PS】 | 1.本次制作,样式简洁,请按需,自行美化 2.有多种制作方式,此次至制作了其中之一,其余后续分享 |
… | … |
制作过程
1.整体搭建
![](https://i-blog.csdnimg.cn/blog_migrate/b639263641a6409d398a4c82961c1ca3.jpeg)
利用“图片”、“矩形”等元件搭建整体结构。
2.转化面板
![](https://i-blog.csdnimg.cn/blog_migrate/6271f2e1cf4f447bda7107b25a22276b.jpeg)
- 选中全部元件
- 右击鼠标,选择“转换为动态面板”
3.设置属性
![](https://i-blog.csdnimg.cn/blog_migrate/8cf0398980e7a3601c2c773fe920d733.jpeg)
- 选中“动态面板”
- 在“属性”栏点击选择“固定到浏览器”
- 在弹出框勾选“固定到浏览器窗口”
- 选择勾选固定方式
- 点击“确定”完成设置
4.效果展示
![](https://i-blog.csdnimg.cn/blog_migrate/87ae16317f9d928867324729552cc392.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/40aff000b175e13b1acab8721d0438eb.jpeg)
鼠标滚轮滚动查看效果~
总结
以上= =“动态面板之固定到浏览器”技能点get~