scrollHeight:这个属性在火狐跟IE下相差的有点多

在火狐下还很好理解,它其实就是滚动条可滚动的部分还要加上boder的高度还要加上横向滚动条不可用的高度,与clientHeight比起来,多个border的高度跟横向滚动条不可用的高度.

scrollHeight=滚动条可滚动的部分+border的高度+横向滚动条不可用的高度

在IE中 scrollHeight确是指这个对象它所包含的对象的高度加上boder的高度和marging,如果它里面没有包含对象或者这个对象的高度值未设置,那么它的值将为15

scrollHeight=对象的高度+border的高度+margin值

转载于:https://www.cnblogs.com/wujidns/p/4476268.html

scrollHeight相关推荐

  1. clientHeight , scrollHeight , offsetHeight之间的区别及兼容方案

    clientHeight , scrollHeight , offsetHeight相信每个人都用过,可是每次用都要查一下到底哪个是文档大小哪个是视口大小,还有头疼的兼容问题. 先来官方的了解一下这三 ...

  2. javascript 之clientHeight、scrollHeight、offsetHeight

    三者均用于获取一个Dom节点的高度,不过他们的含义并不相同. clientHeight : MDN对该属性的描述如下: The Element.clientHeight read-only prope ...

  3. [转载]offsetHeight , clientHeight, scrollHeight 区别

    我们这里说说四种浏览器对 document.body 的 clientHeight.offsetHeight 和scrollHeight的解释,这里说的是 document.body,如果是 HTML ...

  4. 关于offsetTop offsetHeight clientHeight scrollHeight scrollTop的区别研究

    我是以chrome浏览器做的研究. 先看一段代码: <script>window.addEventListener('DOMContentLoaded',function(){var no ...

  5. clientHeight ,offsetHeight,style.height,scrollHeight有区别与联系

    style.height 包括 元素的滚动条,不包括边框 clientHeight 不包括元素的滚动条和边框,只有在没有元素的滚动条的情况下,style.height相等于clientHeight o ...

  6. offsetTop,offsetHeight,scrollHeight,scrollTop的区别

    offsetTop,offsetHeight,scrollHeight,scrollTop,这些属性曾经困扰了我很长很长很长时间. 今天花点功夫,彻底把他们搞清楚了. 假设 obj 为某个 HTML ...

  7. scrollHeight、clientHeight、offsetHeight、scrollTop等的定义以及图解

    开发中经常遇到使用scrollHeight.scrollTop.clientHeight.offsetHeight等的情况,网上有众多关于这些属性的解释,但是并不全面和直观,现在将这些属性结合图例整理 ...

  8. clientHeight、offsetHeight 和 scrollHeight

    2019独角兽企业重金招聘Python工程师标准>>> window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeig ...

  9. clientWidth、clientHeight、offsetWidth、offsetHeight以及scrollWidth、scrollHeight

    clientWidth.clientHeight.offsetWidth.offsetHeight以及scrollWidth.scrollHeight是几个困惑了好久的元素属性,趁着有时间整理一下 1 ...

  10. 浏览器窗口尺寸clientHeight / scrollHeight / offsetHeight / innerHeight

    https://www.cnblogs.com/nanshanlaoyao/p/5964730.html clientHeight:元素客户区的大小,指的是元素内容及其边框所占据的空间大小(经过实践取 ...

最新文章

  1. 安卓手机可以连接斑马系统吗_斑马郝飞:我们一定能在车载系统上打败安卓
  2. 进入工程制图闪退_安阳职业技术学院机电工程系新能源汽车专业项目答辩
  3. [转]ASP.NET中常用的文件上传下载方法
  4. ART:分享收集的关于博物馆的视频纪录片,建议喜欢艺术人们的收藏
  5. 【链表】逆序打印链表
  6. HTTP框架--FOREST 的使用
  7. sqlserver 组内排序
  8. TFIDF算法Java实现
  9. HHL,AL;非结合朱顶红凝集素(HHL,AL)
  10. 计算BDP值和wnd值
  11. 新手如何使用腾讯云云服务器详细教程
  12. linux网络打印机安装步骤,科学网—CentOS6.5上使用cups安装网络打印机 - 王敏玲的博文...
  13. 笔记|角度传感器angular transducer
  14. 计算机英语阅读教程翻译,e英语教程2 unit3 passageA 阅读 翻译及分析
  15. Python学习-操作列表
  16. 关于 Microsoft Visual Studio 2005 无法调试应用程序的解决方法
  17. PinnedListView分析二
  18. C# unity网络游戏实战泡泡堂(服务端+客户端整套源码)
  19. 韩山师范学院计算机专插本,2019年韩山师范学院专插本各专业录取情况
  20. 最老程序员创业札记:全文检索、数据挖掘、推荐引擎应用28

热门文章

  1. 丑女贝蒂第一至四季/全集Ugly Betty迅雷下载
  2. vue中使用excel导出,详细步骤
  3. 区块如何防篡改_为什么区块链能防伪防篡改
  4. 机器学习 (二) K近邻算法分析与实现
  5. 游戏公司“卷赢”上半年的秘籍
  6. 11月最新二开微盘USDT微交易时间盘系统+完整数据+K线
  7. 推荐几个好用的IDEA插件_让你解放双手的秘密
  8. 后端向前端通过 fastJson 传递 Json 到前端无法显示或者显示位 [object object] 问题
  9. 此服务器不支持该安装程序,macOS 提示“不能安装该软件,因为当前无法从软件更新服务器获得” 解决方法...
  10. encodeURI 和 decodeURI 用法