查看: 83032|回复: 38

用Axure7.0制作窗口滚动中固定在顶部的导航栏

[复制链接]

513

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
75209
QQ
发表于 2014-2-18 14:49:51 | 显示全部楼层 |阅读模式
尹广磊公众帐号
更新:利用窗口滚动的函数[[Window.scrollY]],有更简单的办法。
http://www.hiaxure.com/thread-22262-1-1.html

-----------------------------------------------------------------------------------------------------------
以前的判断接触的方法:
Axure7.0有了窗口滚动时的触发方式,所以可以制作在窗口滚动中固定在顶部的导航栏了。

2014-02-18_14-47-18.jpg


原理:

1. 在顶部固定一个动态面板做为锚点。(面板上右键——固定到浏览器)
2. 在页面原导航以下的部分制作一条锚区,当页面滚动时这个锚区会跟顶部的锚点面板有接触。
3. 在“窗口滚动时”添加动作,当两者接触着时让固定在顶部的导航面板变为显示状态,不接触时隐藏起来。

演示地址:http://p1q1f7.share.hiaxure.com/


窗口滚动时的固定导航栏.rp (50.97 KB, 下载次数: 4456)



相关参考:Axure6.5中功能的第5条,相对于浏览器窗口固定动态面板。
http://www.hiaxure.com/thread-5342-1-1.html

评分

1

查看全部评分

0

主题

22

回帖

61

积分

会员

Rank: 5Rank: 5

积分
61
发表于 2014-2-18 16:22:58 | 显示全部楼层
学习了。。。。:victory:

0

主题

3

回帖

14

积分

会员

Rank: 5Rank: 5

积分
14
发表于 2014-3-4 16:55:00 | 显示全部楼层
我也学习了一下。

0

主题

1

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-3-5 16:25:18 | 显示全部楼层
没看懂

0

主题

1

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-3-12 12:09:44 | 显示全部楼层
比较实用

0

主题

1

回帖

0

积分

会员

Rank: 5Rank: 5

积分
0
发表于 2014-4-17 15:46:07 | 显示全部楼层
学习了,受用啊

0

主题

3

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2014-5-21 19:10:42 | 显示全部楼层
刚开始接触7.0,受教

0

主题

1

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-5-30 11:44:28 | 显示全部楼层
太赞了 好棒!

0

主题

2

回帖

112

积分

会员

Rank: 5Rank: 5

积分
112
QQ
发表于 2014-6-7 14:50:46 | 显示全部楼层
为什么不直接用中间的原件来作为事件触发的对象呢?

0

主题

2

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-6-10 13:07:30 | 显示全部楼层
太赞了!多谢!解决我的问题了!

0

主题

2

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-6-10 13:09:28 | 显示全部楼层
9# 阿七

请您能说具体点吗??

0

主题

1

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-6-18 10:40:39 | 显示全部楼层
if 判断条件怎么出来的?

0

主题

5

回帖

12

积分

会员

Rank: 5Rank: 5

积分
12
发表于 2014-6-19 10:33:22 | 显示全部楼层
太好了

0

主题

7

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-7-27 22:57:37 | 显示全部楼层
以学习,赞

0

主题

4

回帖

12

积分

会员

Rank: 5Rank: 5

积分
12
发表于 2014-8-4 16:57:22 | 显示全部楼层
webppd:flower学习

0

主题

2

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-8-19 10:57:22 | 显示全部楼层
管理员好勤快,谢谢一直以来的指导!

0

主题

2

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-9-1 11:46:21 | 显示全部楼层
初学者   怎么看不懂呢

0

主题

7

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2014-9-11 10:56:19 | 显示全部楼层
学习了,谢啦

0

主题

11

回帖

16

积分

会员

Rank: 5Rank: 5

积分
16
发表于 2014-9-24 14:53:44 | 显示全部楼层
学习中, 感谢!!!

0

主题

1

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2014-12-25 16:08:35 | 显示全部楼层
太赞了!多谢!解决我的问题了!
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-3-28 22:57

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表