自制固釘小組件,支持上下左右定位
用法
npm i bravo-affix
//main.js
import bravo from "bravo-affix"
Vue.install(bravo-affix)
Attributes
參數(shù) | 說明 | 類型 | 可選值 | 默認(rèn)值 |
---|---|---|---|---|
bottom | 距離窗口底部達(dá)到指定偏移量后觸發(fā) | number | — | — |
top | 距離窗口頂部達(dá)到指定偏移量后觸發(fā) | number | — | — |
left | 距離窗口左邊達(dá)到指定偏移量后觸發(fā) | number | — | — |
right | 距離窗口右邊達(dá)到指定偏移量后觸發(fā) | number | — | — |
target | 設(shè)置 Affix 需要監(jiān)聽其滾動(dòng)事件的元素,值為一個(gè)返回對(duì)應(yīng) DOM 元素的函數(shù) | () => HTMLElement | — | () => document.body |
源碼地址
https://github.com/dongjiayun/bravo-affix.git