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 | 固定状态改变时触发的回调函数