# Affix 固钉

<template>
  <w-affix :offsetTop="80">
    <w-button>大家好，我是一个顶部固钉</w-button>
  </w-affix>
  <div class="div-container">
    假装页面很高
  </div>
  <w-affix :onAffix="fixedChange" :offsetBottom="0">
    <w-button>Hi，我是一个底部固钉</w-button>
  </w-affix>
</template>
<script>
  export default {
    methods:{
      fixedChange (status) {
        console.log('当前状态'+ status)
      },
      scrollTop () {
        window.scrollTo(0, 600)
      }
    }
  }
</script>

<style scoped lang="scss">
  .div-container {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
    background: #e0e0e0;
    border-radius: 10px;
    color: #999;
    height: 1000px;
    text-align: center;
    line-height: 1000px;
    font-size: 40px;
  }
</style>