js获取元素的滚动高度,和距离顶部的高度

2023年6月20日发(作者：)

js获取元素的滚动⾼度，和距离顶部的⾼度jq：

获取浏览器显⽰区域（可视区域）的⾼度 ：

$(window).height();

获取浏览器显⽰区域（可视区域）的宽度 ：$(window).width();

获取页⾯的⽂档⾼度

$(document).height();

获取页⾯的⽂档宽度 ：$(document).width();

浏览器当前窗⼝⽂档body的⾼度：

$().height();浏览器当前窗⼝⽂档body的宽度：

$().width();获取滚动条到顶部的垂直⾼度 (即⽹页被卷上去的⾼度)

$(document).scrollTop();

获取滚动条到左边的垂直宽度 ：$(document).scrollLeft();

获取或设置元素的宽度：$(obj).width();获取或设置元素的⾼度：$(obj).height();某个元素的上边界到body最顶部的距离：().top;（在元素的包含元素不含滚动条的情况下）某个元素的左边界到body最左边的距离：().left;（在元素的包含元素不含滚动条的情况下）返回当前元素的上边界到它的包含元素的上边界的偏移量：().top（在元素的包含元素含滚动条的情况下）返回当前元素的左边界到它的包含元素的左边界的偏移量：().left（在元素的包含元素含滚动条的情况下）js： ⽹页被卷起来的⾼度/宽度（即浏览器滚动条滚动后隐藏的页⾯内容⾼度）Top //Left //Top //Left //IE等同于：$(window).scrollTop()

$(window).scrollLeft() ⽹页⼯作区域的⾼度和宽度

Height// IE firefox

等同于：$(window).height() 元素距离⽂档顶端和左边的偏移值

Top //IE firefox Left //IE firefox等同于： ().top ().left

简单实例（监控元素在可见视图中）　　效果：当元素出现在可见区域时，改变其css样式（背景⾊变红）；

2023年6月20日发(作者：)

js获取元素的滚动⾼度，和距离顶部的⾼度jq：

获取浏览器显⽰区域（可视区域）的⾼度 ：

$(window).height();

获取浏览器显⽰区域（可视区域）的宽度 ：$(window).width();

获取页⾯的⽂档⾼度

$(document).height();

获取页⾯的⽂档宽度 ：$(document).width();

浏览器当前窗⼝⽂档body的⾼度：

$().height();浏览器当前窗⼝⽂档body的宽度：

$().width();获取滚动条到顶部的垂直⾼度 (即⽹页被卷上去的⾼度)

$(document).scrollTop();

获取滚动条到左边的垂直宽度 ：$(document).scrollLeft();

获取或设置元素的宽度：$(obj).width();获取或设置元素的⾼度：$(obj).height();某个元素的上边界到body最顶部的距离：().top;（在元素的包含元素不含滚动条的情况下）某个元素的左边界到body最左边的距离：().left;（在元素的包含元素不含滚动条的情况下）返回当前元素的上边界到它的包含元素的上边界的偏移量：().top（在元素的包含元素含滚动条的情况下）返回当前元素的左边界到它的包含元素的左边界的偏移量：().left（在元素的包含元素含滚动条的情况下）js： ⽹页被卷起来的⾼度/宽度（即浏览器滚动条滚动后隐藏的页⾯内容⾼度）Top //Left //Top //Left //IE等同于：$(window).scrollTop()

$(window).scrollLeft() ⽹页⼯作区域的⾼度和宽度

Height// IE firefox

等同于：$(window).height() 元素距离⽂档顶端和左边的偏移值

Top //IE firefox Left //IE firefox等同于： ().top ().left

简单实例（监控元素在可见视图中）　　效果：当元素出现在可见区域时，改变其css样式（背景⾊变红）；