|
现在很多网页，鼠标向下拉的时间，顶部的部分会自动隐藏起来；下拉页面时菜单关闭，向上拉时菜单显示。这会不会很有用户体验呢？网上搜索，Headroom.js正好符合！ 用时一定要注意：首先需要引用headroom.js和jQuery.headroom.js。将以下的代码加入到你的代码中。 headroom.js作用：感应元素不同的状态为之更改相应的class。 jQuery.headroom.js作用：提供jquery插件方式和Data-API方式调用headrooom()。 心急的用户可直接看第六点。 一开始以为很简单，结果花了将近一上午和一中午的时间，才搞清楚，才总结出来这篇文章，其中有很多值得注意的地方！ 为什么呢？注意的以下几点： 1、github上的src下的Headroom.js（第一个字母是大写）是个错误的，而 jQuery.headroom.js 是正确的，没有问题的； 2、网址示例 参数介绍 V0.8的插件比较多，包括如下部分 ============================== 公众号：春树镇 微博：阿里小妈 每天发布：互联网技术，php开发，网站建议，app开发，html5开发，设计，视频制作，小说，电影等文章。 |
|
|
源代码中的main.js中有好几个插件，其中有一个插件是headroom.js，是v0.3而不是最新版v0.8。于是我总结出来了headroom.v0.3.js和headroom.v0.8.js两个插件。但目前还是建议用v0.7的，网址分别是：
