获取浏览器显示区域的高度 : $(window).height();
获取浏览器显示区域的宽度 :$(window).width();
获取页面的文档高度 :$(document).height();
获取页面的文档宽度 :$(document).width();
获取滚动条到顶部的垂直高度 :$(document).scrollTop();
获取滚动条到左边的垂直宽度 :$(document).scrollLeft();
计算元素位置和偏移量
offset方法是一个很有用的方法,它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。
offset(options, results)
options.relativeTo 指定相对计 算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。
options.scroll 是否把 滚动条计算在内,默认TRUE
options.padding 是否把padding计算在内,默认false
options.margin 是否把margin计算在内,默认true
options.border 是否把边框计算在内,默认true
- 浏览: 157197 次
相关推荐
jQuery获取浏览器窗口的宽度和高度,各个方法的使用效果对比
jquery获取浏览器高度和宽度值(多浏览器) ,解决浏览器不兼容的问题。包括IE各种版本,火狐,谷歌等
JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...
用jquery实现iframe高度自适应实例代码完美兼容多数浏览器
这里介绍两个超级简单的方法,不用写什么判断浏览器高度、宽度啥的。 下面的两种方法自选其一就行了。一个是放在和iframe同页面的,一个是放在test.html页面的。 注意别放错了地方。 iframe的代码中,注意要写ID,...
JQuery获取浏览器窗口宽高,文档宽高的代码,使用jquery的朋友可以参考下。
1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document...
//浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body)....
代码如下: (function($) { /** * 取得浏览器视图的宽度 */ $.viewWidth=function(){ var w = 0, D=document; if( D.documentElement && D.documentElement.clientWidth ) { w = D.documentElement.clientWidth; } ...
jQuery是一款免费且开放源...尺寸确保我们在显示“inline”的元素上获取适当的宽度和高度值。事件确保触发器数据传递给无线电点击事件处理程序;恢复:触发器复选框和广播单击事件相同;恢复:添加无线电点击触发测试。
下面把jQuery获取页面及个元素高度、宽度的方法汇总,分享给大家。 获取浏览器显示区域(可视区域)的高度 : 代码如下: $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : 代码如下: $(window)....
《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。 《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的...
本文实例讲述了jQuery实现的模拟弹出窗口功能。... //浏览器高度 var clientW; //浏览器宽度 var divTitle; //DIV标题 var pageUrl; //DIV中加载的页面 var div_X; //DIV横坐标 var div_Y; //DIV纵坐标 function
jquery.panzoom, 使用CSS3平移和缩放元素的jQuery插件 Panzoom ... Panzoom使用CSS变换和矩阵函数来利用浏览器中的硬件/gpu加速,而不是设置宽度和高度,这意味着元素可以在浏览器中进行任何操作。 图像,视频,ifra
• jQuery 的 action() 执行对元素的操作 示例 $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $("p.test").hide() - 隐藏所有 class="test" 的段落 $("#test").hide() - 隐藏所有 id="test" 的元素 ...
拖动鼠标截取选区,被选区域高亮显示,截取后将自动获取文件大小、文件类型、图像尺寸、图片宽度、图片高度,然后单击“上传图片”按钮,上传后可看到上传前和上传后的图片对比。 PHP jQuery html5头像图片选取上传...
Viewporter 是一个 jQuery 插件,它简化了客户端宽度、高度等之间的跨设备和浏览器大小问题。它创建了一个与您想要保留断点的元素相关联的类。 目的是减轻协商视口或实际客户端宽度的问题,并为您的样式提供一个简单...