1Introduction
- description:定点位置粘滞 UI
- author:ydr.me
- create:2016-05-12 18:33
- update:2017年02月16日14:07:36
- github:https://github.com/blearjs/blear.ui.sticky
2Example
var Sticky = require('blear.ui.sticky');
new Sticky({
el: '#sticky',
containerEl: document
});
3Static
3.1.defaults
- 类型:
Object
- 说明:默认配置
3.2.defaults.el
- 类型:
Element | String
- 说明:粘滞的元素
3.3.defaults.containerEl
- 类型:
Element | String
- 说明:滚动的容器
3.4.defaults.top
- 类型:
Number
- 说明:粘滞上位移
- 默认:
0
3.5.defaults.left
- 类型:
Number
- 说明:粘滞左位移
- 默认:
0
3.6.defaults.zIndex
- 类型:
Number
- 说明:粘滞层级
- 默认:
9
4new Sticky(options)
实例化一个粘滞 UI,options
为入参,默认值为 .defaults
。
5Prototype
5.1#update(): this
滚动容器范围内有位置变化后,手动触发以更新粘滞计算。
5.2#destroy()
销毁实例。
6Events
无。
7Dependencies
- blear.classes.scrollable
- blear.core.layout
- blear.core.attribute
- blear.core.modification
- blear.core.selector
- blear.utils.compatible
- blear.utils.object
- blear.ui
8Reference
- css sticky:developer.mozilla.org