jquery如何获取元素的滚动条高度等实现代码
网络编程 2021-07-04 21:03www.168986.cn编程入门
这篇文章主要介绍了jquery如何获取元素的滚动条高度等实现代码,需要的朋友可以参考下
主要功能
获取浏览器显示区域(可视区域)的高度 $(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().;(在元素的包含元素不含滚动条的情况下) 某个元素的左边界到body最左边的距离obj.offset().left;(在元素的包含元素不含滚动条的情况下) 返回当前元素的上边界到它的包含元素的上边界的偏移量obj.offset().(在元素的包含元素含滚动条的情况下) 返回当前元素的左边界到它的包含元素的左边界的偏移量obj.offset().left(在元素的包含元素含滚动条的情况下)
//返回当前页面高度 function pageHeight(){ if($.browser.msie){ return document.patMode == "CSS1Compat"? document.documentElement.clientHeight : document.body.clientHeight; }else{ return self.innerHeight; } }; //返回当前页面宽度 function pageWidth(){ if($.browser.msie){ return document.patMode == "CSS1Compat"? document.documentElement.clientWidth : document.body.clientWidth; }else{ return self.innerWidth; } };
以下是其它网友的补充
获取浏览器显示区域的高度 $(window).height();
获取浏览器显示区域的宽度 $(window).width();
获取页面的文档高度 $(document).height();
获取页面的文档宽度 $(document).width();
获取滚动条到顶部的垂直高度 $(document).scrollTop();
获取滚动条到左边的垂直宽度 $(document).scrollLeft();
计算元素位置和偏移量$(id).offset();
offset方法是一个很有用的方法,它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 和left两个属性。
offset(options, results)
options.relativeTo 指定相对计
算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。
options.scroll 是否把
滚动条计算在内,默认TRUE
options.padding 是否把padding计算在内,默认false
options.margin
是否把margin计算在内,默认true
options.border 是否把边框计算在内,默认true
子页面控制父页面
parent.document.documentElement.scrollTop;
parent.document.documentElement.clientHeight;
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程