0.0.2 • Published 4 years ago

@heisea/affix v0.0.2

Weekly downloads
2
License
MIT
Repository
-
Last release
4 years ago

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>

配置

属性名类型说明默认值
offsetBottomnumber距离窗口底部达到指定偏移量后触发
offsetTopnumber距离窗口顶部达到指定偏移量后触发
target() => HTMLElement设置 Affix 需要监听其滚动事件的元素,值为一个返回对应 DOM 元素的函数() => HTMLElement

事件

事件名称描述
change固定状态改变时触发的回调函数