根据鼠标滚动隐藏、显示导航栏或者其他元素

之前有看到过一个插件Headroom.js,可以设置元素的显示或者隐藏，感觉很厉害，之前夜弄过，后来把这个插件取消了，因为不喜欢插件，今天没事自己写了一个很简单的只控制了某一个元素的显示与隐藏，代码很简单，当然功能不能与插件比较，并且使用了css3，还有新的选择器querySelector,获取class列表这样的所以没有考虑旧的浏览器。

相关链接

演示：http://htmlpreview.github.io/?https://raw.githubusercontent.com/wolyshaw/html/master/mousewheel
源码地址：https://github.com/wolyshaw/html/blob/master/mousewheel

Headroom.js插件地址：http://wicky.nillia.ms/headroom.js/