---
nav: default
---
### Sticky
<img width="100" src="http://qr.topscan.com/api.php?text=demo%2F%23%2Fcomponent%2Fsticky"/>
<a href="demo/#/component/sticky" target="_blank" style="font-size:12px;color:#888;">demo 原始链接：demo/#/component/sticky</a>


---
#### 演示
<div style="width:377px;height:667px;display:inline-block;border:1px dashed #ececec;border-radius:5px;overflow:hidden;">
<iframe src="demo/#/component/sticky" width="375" height="667" border="0" frameborder="0"></iframe>
</div>
#### demo 代码

``` html
<template>
  <div>
    <br>
    <br>
    <br>
    <sticky>
      <tab :line-width="1">
        <tab-item selected>
          正在正映
        </tab-item>
        <tab-item>即将上映</tab-item>
      </tab>
    </sticky>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
  </div>
</template>

<script>
import { Tab, TabItem, Sticky } from '../components/_index'

export default {
  components: {
    Tab,
    TabItem,
    Sticky
  }
}
</script>

```

#### Github Issue