headhesive.js来创建按需显示标题。指定当浏览器滚动到某个位置时显示。
我之前分享过两个效果类似的特效：
jQuery -ScrollUpBar 插件，滚动隐藏/回滚显示
jQuery - 下拉滚动隐藏/回滚显示 - 特效代码
这个插件不需要添加position:fixed；顶部：0；左：0；右：0；
同时不需要依赖jQuery.js
Headhesive.js 不会注入任何 CSS 样式，因此您可以使用自己的样式完全控制元素的样式。
选项：
通过传递自定义选项来自定义 Headhesive 的工作方式。
//选项
变量选项= {
偏移量：500
}//创建一个新的Headhesive实例并传递一些选项
{
//滚动偏移量。接受数字或“字符串”（类/ID）
偏移量: 300, // 或 ― 偏移量: '.classToActivateAt',
//自定义类
课程：{
//克隆ELEM类
克隆：“头绪”，
// 棒类
Stick: 'headhesive--stick',
//取消顶级类别
unstick: 'headhesive--unstick'
},//每250ms触发一次滚动事件以提高性能
油门：250，
//打回来
onInit: 函数() {},
onStick: 函数() {},
onUnstick: 函数() {},
onDestroy: 函数() {},
}以下是我测试的页面，包括js和css：
