2014-10-10 171 views
0

我想我的导航栏有一个动画,当有人向下滚动并且让导航栏跳转到用户屏幕的顶部时。我绝对没有jQuery的知识,也没有JavaScript(如果需要的话)。CSS/jQuery导航栏

如果你从来没有得到它,我有一个很好的导航栏,当用户滚动通过导航栏(所以导航栏是围绕网站的顶部,并且当用户向下滚动网站时,原始的导航栏不再可见)导航栏(以一个很酷的动画类型)去到站点的顶部;

如果需要,我会发布我们当前导航栏的屏幕截图 - 我将不胜感激教程甚至代码使用它,我将不胜感激任何答案,谢谢大家。

+0

IS需要您的代码尝试....至少是htlm和CSS ....如果您不知道有关“固定导航栏”的主题搜索 – DaniP 2014-10-10 19:17:31

+0

对不起?我不太明白你的意思,虽然没问题,我会搜索固定的导航栏;任何其他建议? – arrey 2014-10-10 19:20:11

+1

请查阅http://jsfiddle.net/8M2Vh/5/ – DaniP 2014-10-10 19:22:22

回答

0

它看起来非常像这就是你要找的jQuery Waypoints。你应该能够在不做任何修改的情况下按照模板进行操作,以达到你想要的效果。

+0

您可否详细说明它的工作原理? – arrey 2014-10-10 20:00:17

+0

这是一个JavaScript库,包含在您的网站上的HTML代码中的一小段代码将使标头保持不变。 [见本页](http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/) – Beckers 2014-10-13 14:24:54