body,clientHiehgt,scrollTop

Posted chillaxyw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了body,clientHiehgt,scrollTop相关的知识,希望对你有一定的参考价值。

只有在有滚动的时候scrollTop才有值,给scrollTop赋值会滚动到对应的位置。

clientHeight就是元素 height的值

body 很奇怪,当html,body高度为100%, body内容超过一屏幕时,body.scrollTop始终为0,反而html的scrollTop有值,不知道这是为什么。而且,给body设置一个高度为200,overflow:hidden,  body的实际内容还是会显示一屏幕。

 

 

如果一个元素body内容超过一屏 值如下 

document.body.clientHeight 1708

document.body.offsetHeight 1708

document.documentElement.offsetHeight 1708

document.documentElement.clientHeight 920

 

以上是关于body,clientHiehgt,scrollTop的主要内容,如果未能解决你的问题,请参考以下文章

兼容各大浏览器 onscrool

滚动加载更多

每日分享!~ 如何解决获取卷曲高度的问题,document.body.scrollTop为什么在pc端拿不到值

ScrollTop的兼容问题

js的window.onscroll事件兼容各大浏览器

页面滚动条&按键执行事件