下面把jQuery获取页面及个元素高度、宽度的方法汇总,分享给大家。
代码如下:
获取浏览器显示区域(可视区域)的宽度 :
代码如下:
获取页面的文档高度
代码如下:
获取页面的文档宽度 :
代码如下:
浏览器当前窗口文档body的高度:
代码如下:
浏览器当前窗口文档body的宽度:
代码如下:
获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)
代码如下:
获取滚动条到左边的垂直宽度 :
代码如下:
获取或设置元素的宽度:
代码如下:
获取或设置元素的高度:
代码如下:
某个元素的上边界到
body
最顶部的距离:obj.offset().top;
(在元素的包含元素不含滚动条的情况下) 某个元素的左边界到body
最左边的距离:obj.offset().left;
(在元素的包含元素不含滚动条的情况下) 返回当前元素的上边界到它的包含元素的上边界的偏移量:obj.offset().top
(在元素的包含元素含滚动条的情况下) 返回当前元素的左边界到它的包含元素的左边界的偏移量:obj.offset().left
(在元素的包含元素含滚动条的情况下)obj.offset().top;
设置或返回已经滚动到元素的左边界或上边界的像素数。简单地说,就是设置或者获取匹配元素相对滚动条上侧或者左侧的偏移。只有在元素有滚动条的时候,例如,元素的CSS overflow
属性设置为auto
的时候,这些像素才有用。这些属性也只在文档的 或标记上定义(这和浏览器有关),并且一起来制定滚动文档的位置。注意,这些属性并不会指定一个 标记的滚动量。这是非标准的但却得到很好支持的属性
以上就是本文介绍的全部内容,希望大家喜欢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。