调整下面的参数就能看到不同的效果。本案例所用的样式是修改自 animate.css。

你对参数的修改会自动应用到此页面的页头。并且下面的示例代码也会随着改变。

参数

偏移

容差

样式

Slide

Swing

Flip

Bounce

纯 JS 方式

使用纯 JS 代码，将options对象对位第二个参数传递给构造函数。注意，以这种方式使用Headroom.js 时，options对象不会和默认参数进行合并（也就是说，你必须定义所有参数 ）。

插件方式

以插件方式使用的话，options对象自动与默认参数对象合并（即使用 $.extend(true, {}, defaultOptions, yourOptions) 方法进行合并）。

Data API 方式

如果使用 data-* API 方式，任何参数都需要以 data 属性的形式出现。所有以 data-* API 传递的参数都将与默认参数合并。通过传递 JSON 对象可以改变 headroom.js 默认设置的 CSS class。