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

最新推荐文章于 2024-07-18 18:04:09 发布

VirtuousIntro

最新推荐文章于 2024-07-18 18:04:09 发布

阅读量1.8k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_40039641/article/details/103699309

版权

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<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)
    }
},