判断div是否有滚动条

最新推荐文章于 2024-07-03 03:02:39 发布

老电影故事

最新推荐文章于 2024-07-03 03:02:39 发布

阅读量686

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_44582045/article/details/129358651

版权

JavaScript 专栏收录该内容

79 篇文章 10 订阅

订阅专栏

文章讲述了如何在JavaScript中判断一个div元素是否有滚动条，通过比较scrollHeight和clientHeight属性。同时，它也展示了在Vue.js环境中，利用this.$nextTick方法将div的滚动位置重置到顶部的实现方式。

摘要由CSDN通过智能技术生成

判断div是否有滚动条

var obj=document.getElementById("showDiv")
 
if(obj.scrollHeight>obj.clientHeight||obj.offsetHeight>obj.clientHeight){ 
	document.getElementById("hiddenDiv").style.height="15pt";
	console.log('该div有滚动条！')
}

vue项目中，滚动条恢复初始位置的方法

 this.$nextTick(()=>{
          let dom = document.getElementById('addContent');
          if(dom!==null){
            dom.scrollTop = 0;
          }
        })