vue 动态设置滚动条高度

最新推荐文章于 2025-07-29 13:47:21 发布

As Before ~

最新推荐文章于 2025-07-29 13:47:21 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue开发文章标签： vue

本文链接：https://blog.youkuaiyun.com/happyStudy_/article/details/114093887

Vue开发专栏收录该内容

7 篇文章

订阅专栏

博客主要围绕Vue展开，介绍了动态设置滚动条高度的相关内容，包括获取动态内容高度以及设置监听。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue 动态设置滚动条高度

获取动态内容高度，设置监听

           <div class="description_cont" ref="cont_height">
                <pre v-html="result.description"></pre>
              </div>
            div class="description_cont" :style="{maxHeight: scrollerHeight}">
                <pre v-html="rep_tab_cont"></pre>
              </div>



computed:{
// 滚动区高度 
      scrollerHeight: function() {
        return (this.HEIGHT) + 'px'; //自定义高度需求
      }
}


切换事件
document.querySelector('#test').scrollTo(0, 0) 


//请求中    cont_height
this.$nextTick(function(){
               var height = this.$refs.cont_height.offsetHeight;
              this.HEIGHT = height
            });