headroom.js 源码研究

原创 13873146180 随笔 特效源码分析 467阅读 2018-02-25 15:38:45 举报

插件所需要得环境特征

执行之前先判断浏览器是否支持 requestAnimationFrame() / classList / biad

Debouncer by requestAnimationFrame

关于防抖可以参考 参考文章

辅助函数

  1. 数据的拓展和覆盖函数

2.容差数据格式化 (判断数据转化成对象格式)

Headroom 构造函数

1.固定的头部
2.向下滚动隐藏
3.向上滚动显示

Headrom.js 的使用

阐述配置

演示

评论 ( 6 )
最新评论
Iloveqianduan 4F 2018-02-26 14:20:59 6F

恩,看到了。

大神M 3F 2018-02-26 12:52:04 5F

嗯,全部页面,你看看我的上个回复,对了,手机版就默认开启了。

大神M 2F 2018-02-26 12:25:22 4F

右侧有个返回顶部,的附近,有个开启导航自动隐藏,开启后就行了…

Iloveqianduan 1F 2018-02-26 09:19:48 3F

哪个页面??

13873146180 1F 2018-02-26 08:19:05 2F

那个页面

大神M 2018-02-25 18:54:21 1F

嗯,前端网也用了这个插件。