@heisea/affix

affix

将页面元素钉在可视范围。

更新说明

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