@hoc-element/affix

📌 将页面元素固定在可视范围内。

Live demo: https://pdsuwwz.github.io/hoc-element-affix

Environment Support

• Vue 2.6.0+

Install

npm install @hoc-element/affix

Quick Start

import Vue from 'vue'
import HocElementAffix from '@hoc-element/affix'

Vue.use(HocElementAffix)

Using

可选参数

字段	说明	类型	默认值
offsetTop	（可选）距离窗口顶部多少时开始固定	Number	0

Demo

<template>
  <div style="height: 200px; border: 1px solid #000;">占位</div>
  <hoc-el-affix
    :offsetTop="10"
  >
    <div class="demo"></div>
  </hoc-el-affix>
</template>
<style lang="scss" scoped>
.demo {
  width: 150px;
  height: 300px;
  border: 1px solid red;
}
</style>