lhh-dj-sticky-test v0.0.1

安装组件

npm i dj-sticky -S

代码中引用组件

import DjSticky from 'dj-sticky';

然后像使用自己定义的vue组件一样使用

<template>
  <div id="app">
    ...
    <dj-sticky></dj-sticky>
    ...
  </div>
</template>

...
components: {
    DjSticky
}
...

如果你没有使用'100%'布局，可以直接这样使用

<dj-sticky>
  <div>Blabla</div>
</dj-sticky>

如果你使用了'100%'布局，那么需要这样：

<div id="view_box_body">
  <dj-sticky scroll-box="view_box_body">
    <div>Blabla</div>
  </dj-sticky>
</div>

参数

  scroll-box:
    default: window
    说明: 滚动容器，默认为'window'，如果你使用了100%布局，那么你需要指定容器id，并且设置scroll-box的值为id的值

slot支持:

内容插槽 可以写入一段html或一段文字