Headroom 插件

Headroom 插件可以在页面滚动时做出响应，例如在页面向下滚动时，应用栏消失；页面向上滚动时，应用栏出现。

前面介绍的在滚动时自动隐藏应用栏和自动隐藏底部导航栏的功能就是使用该插件实现的。

调用方式

• 通过自定义属性调用
  
• 通过 JavaScript 调用
  

调用方式

通过自定义属性调用

使用该方式无需编写 JavaScript 代码。只需在元素上添加 mdui-headroom="options" 属性即可激活该插件。

<div mdui-headroom style="position: fixed; top: 0; left: 0; right: 0;"></div>

在线运行

通过 JavaScript 调用

实例化插件：

// selector 为 CSS 选择器或 DOM 元素
// options 为插件的参数，见下面的参数列表
var inst = new mdui.Headroom(selector, options);

在线运行

参数

方法

事件