javascript – 向下滚动后导航淡入？

我想得到一个完全像这个网站的导航：http://www.interviewmagazine.com/

向下滚动约700像素后会出现一个导航栏..它是一个具有淡入效果的固定导航,当您向后滚动到顶部时会有淡出效果.

我试着看看他们是如何编写代码但我无法弄清楚的.

听起来像mootools？

如果有人可以提供帮助那就太棒了.谢谢！

解决方法:

您可以使用jQuery和CSS创建这样的菜单,在以下情况下根据需要交换类：

var posit = window.scrollTop();
if (posit == [your designated fadein location]) {
    //do something;
}

CSS: position : fixed, opacity : 0, height : 0; overflow : hidden

交换类将高度更改为固定金额

animate({opacity : 1.0}, 'fast', function() {
    //callback;
});

你必须在用户滚动时设置一个监听器,但这应该让你开始.您只需要jQuery和浏览器,将项目切割成易于管理的部分和时间的逻辑方法.

编辑：这是你的小提琴.

http://jsfiddle.net/lazerblade01/fNn7K/26/

标签：fadein,mootools,javascript,jquery,navigation
来源： https://codeday.me/bug/20190902/1789593.html