Element: el-scrollbar 似乎是个很有用的组件，目前只被 el-select 内部使用，能有相关文档说明使用方法吗？

[zhanghaocong]

如题

[QingWei-Li]

可以自己看源码用，不考虑加文档（虽然组件有暴露出来可以直接用）

[ohhoney1]

确实是个不错的组件，之前我还一直在用vue-scrollbar

[1541058585]

如何使用呀？

[Bekys]

咋用呀，找了半天，没人说怎么用

[VIXNESS]

这里提供一个基本用法：

1. 引入 <el-scrollbar></el-scrollbar>
2. 在标签内层的元素设置高度（在外层或el-scrollbar设置高度仍然可用，但是css不能达到预期效果）
3. 在内层放置足够多的垂直元素

example:

<el-scrollbar>
  <ul style="height: 100px;">
    <li v-for="item in 100" :key="item"> {{item}}</li>
  </ul>
</el-scrollbar>

[chesscai]

请问如何监听和获取偏移量？

<el-scrollbar>
...
</el-scrollbar>

渲染为：

<div class="el-scrollbar">
  <div class="el-scrollbar__wrap">
    <div class="el-scrollbar__view">...</div>
  </div>
  <div class="el-scrollbar__bar is-horizontal">...</div>
  <div class="el-scrollbar__bar is-vertical">...</div>
</div>

看了下源码貌似没有事件相关的事件传递机制。
如何在 el-scrollbar 监听和获取偏移量？

[aaronxie7]

好像如下设置是没用的。

<el-scrollbar>
  <ul style="height: 100%;">
    <li v-for="item in 100" :key="item"> {{item}}</li>
  </ul>
</el-scrollbar>

height 设置成 100%

[zboboan]

按须引入的话，是引入那一个组件呢？

[ohhoney1]

按须引入的话，是引入那一个组件呢？

import { Scrollbar } from 'element-ui'
Vue.use(Scrollbar)

[zboboan]

按须引入的话，是引入那一个组件呢？

import { Scrollbar } from 'element-ui'
Vue.use(Scrollbar)

谢谢