web中有关文档元素距离的几个jquery 宽度 width高度height 尺寸 属性

获取浏览器显示区域(可视区域)的高度 :

$(window).height();

获取浏览器显示区域(可视区域)的宽度 :

$(window).width();

获取页面的文档高度

$(document).height();

获取页面的文档宽度 :

$(document).width();

浏览器当前窗口文档body的高度:

$(document.body).height();

浏览器当前窗口文档body的宽度:

$(document.body).width();

获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)

$(document).scrollTop();

获取滚动条到左边的垂直宽度 :

$(document).scrollLeft();

获取或设置元素的宽度:

$(obj).width();

获取或设置元素的高度:

$(obj).height();

某个元素的上边界到body最顶部的距离:obj.offset().top;(在元素的包含元素不含滚动条的情况下)

某个元素的左边界到body最左边的距离:obj.offset().left;(在元素的包含元素不含滚动条的情况下)

返回当前元素的上边界到它的包含元素的上边界的偏移量:obj.offset().top(在元素的包含元素含滚动条的情况下)

返回当前元素的左边界到它的包含元素的左边界的偏移量:obj.offset().left(在元素的包含元素含滚动条的情况下)

 

更多尺寸

haley欢迎您来访本博客。此博客是作者在工作中的一个记事本,方便下次遇到同样问题时,以最快的速度解决掉遇到的问题。如果您发现哪里写的不对,欢迎给我留言,让我们一起进步。不胜感激!
posted @ 2016-10-26 13:25  HALEY168  阅读(630)  评论(0编辑  收藏  举报

版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)

haley二维码

715560471@qq.com

qq:715560471