0.0.2 • Published 5 years ago
@heisea/affix v0.0.2
affix
将页面元素钉在可视范围。
更新说明
v0.0.1
1. init
兼容
- chrome //谷歌
- ie11 //IE
- safari //mac safari
- firefox // 火狐
目录说明
- build 项目脚手架配置
- lib 生产用代码
- src 源码
- index.html demo
命令
进行开发
npm start打包出生产版本 commonjs 版本
npm run build:common发布代码
npm version <newversion> | major | minor | patch] npm publish安装
npm i @heisea/affix初始化
Vue.use(Affix);使用
1.当组件使用
<template>
<bk-affix :offset-top="top" /></bk-affix>
</template>
<script>
export default {
data() {
return {
top: 10
};
}
};
</script>配置
| 属性名 | 类型 | 说明 | 默认值 |
|---|---|---|---|
| offsetBottom | number | 距离窗口底部达到指定偏移量后触发 | |
| offsetTop | number | 距离窗口顶部达到指定偏移量后触发 | |
| target | () => HTMLElement | 设置 Affix 需要监听其滚动事件的元素,值为一个返回对应 DOM 元素的函数 | () => HTMLElement |
事件
| 事件名称 | 描述 |
|---|---|
| change | 固定状态改变时触发的回调函数 |
0.0.2
5 years ago