vue超出一行文字自动向上滚动

<template>
   div.mine__notice(v-if="basicInfo.isNotice" ref="noticeBox") 
     p.notice-text(ref="notices" :style="{'margin-top': -  noticesMarginTop + 'px'}") {{basicInfo.noticeContent}}
</template>

methods: {
  notice () {
    let allNumber = this.$refs.notices.scrollHeight / this.$refs.noticeBox.clientHeight
    let that = this
    if (this.basicInfo.noticeContent && allNumber > 1) {
      that.timer = setInterval(() => {
        if (that.noticesMarginTop >= this.$refs.notices.scrollHeight - 20) {
          that.noticesMarginTop = 0
        } else {
          that.noticesMarginTop++
          // that.noticesMarginTop += this.$refs.noticeBox.clientHeight
        }
      }, 220)
    }
},