插件描述：headhesive.js创建一个按需显示头部。指定当你浏览器滚动到某个位置时显示。
headhesive.js创建一个按需显示头部。指定当你浏览器滚动到某个位置时显示。
如何使用？
Headhesive.js是没有依赖关系一个独立的JavaScript插件。在你的页面的页脚包括headhesive.min.js并初始化它：
1 2 3 | //创建Headhesive的一个新实例var headhesive = new Headhesive('.header');Styling Headhesive.js |
Headhesive.js不注入任何CSS样式，这样你就可以使用自己的完全控制您元素的样式。
选项
自定义Headhesive如何工作通过传递自定义选项。
1 2 3 4 | // Optionsvar options = { offset: 500} |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | //创建Headhesive的一个新实例，并传递一些选项{ //滚动偏移量。接受号码或“字符串”（类/ID） offset: 300, // OR ― offset: '.classToActivateAt', //自定义类 classes: { //克隆ELEM类 clone: 'headhesive', // Stick class stick: 'headhesive--stick', //取消置顶类 unstick: 'headhesive--unstick' }, //滚动事件触发每250ms的以获得性能的提升 throttle: 250, //回调 onInit: function() {}, onStick: function() {}, onUnstick: function() {}, onDestroy: function() {},} |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery 同宽网格插件 Elastic Columns
- 下一个特效： 拖放文件上传与图像预览插件Dropzone.js