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

尹广磊 · 发表于 2014-2-18 14:49:51

更新：利用窗口滚动的函数[[Window.scrollY]]，有更简单的办法。
http://www.hiaxure.com/thread-22262-1-1.html

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

原理：

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

蔡斌 · 发表于 2014-2-18 16:22:58

学习了。。。。:victory:

Terry2008 · 发表于 2014-3-4 16:55:00

我也学习了一下。

xuzihan · 发表于 2014-3-5 16:25:18

没看懂

2680321402 · 发表于 2014-3-12 12:09:44

比较实用

zwb0620 · 发表于 2014-4-17 15:46:07

学习了，受用啊

jiage87 · 发表于 2014-5-21 19:10:42

刚开始接触7.0，受教

longzhilin_long · 发表于 2014-5-30 11:44:28

太赞了好棒！

阿七 · 发表于 2014-6-7 14:50:46

为什么不直接用中间的原件来作为事件触发的对象呢？

nforce_com · 发表于 2014-6-10 13:07:30

太赞了！多谢！解决我的问题了！

nforce_com · 发表于 2014-6-10 13:09:28

9# 阿七

请您能说具体点吗？？

jiayue1014 · 发表于 2014-6-18 10:40:39

if 判断条件怎么出来的？

greenteaing · 发表于 2014-6-19 10:33:22

太好了

sieben · 发表于 2014-7-27 22:57:37

以学习，赞

hanbintian · 发表于 2014-8-4 16:57:22

webppd:flower学习

wpy13202008 · 发表于 2014-8-19 10:57:22

管理员好勤快，谢谢一直以来的指导！

刘显洁儿 · 发表于 2014-9-1 11:46:21

初学者怎么看不懂呢

kanly · 发表于 2014-9-11 10:56:19

学习了，谢啦

knightfay · 发表于 2014-9-24 14:53:44

学习中，感谢！！！

ac5234700 · 发表于 2014-12-25 16:08:35

太赞了！多谢！解决我的问题了！

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

评分