```html
<div class="vux-scroller-header-box demo-block" id="scroller-header-demo1">
  <div style="height:46px;">
    <x-header class="vux-scroller-header">
      I'm header
    </x-header>
  </div>
  <lx-scroller
    ref="scroller"
    lock-x
    scrollbar-y
    :height="-46-46+'px'"
  >
    <div
      class="box2"
      style="padding-bottom:50px"
    >
      <p
        v-for="i in 80"
        :key="i"
      >
        placeholder {{ i }}
      </p>
    </div>
  </lx-scroller>
</div>

<script>
// Scroller-header.md
new Vue({
  el: '#scroller-header-demo1',
  
  ready () {
    this.$nextTick(() => {
      if (this.$refs.scroller) {
        this.$refs.scroller.reset()
      }
    })
  }
})
</script>
```