jQuery,javascript获得网页的高度和宽度$(document).height / $(window).height
一、javascript 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页被卷去的高: document.body.scrollTop 网页被卷去的左: document.body.scrollLeft 网页正文部分上: window.screenT...
一、javascript
网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth
二、jquery
获取浏览器显示区域的高度 : $(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
最新文章
- Struts2 动态方法调用
- Flink - InstanceManager
- javascript控制开始日期,和结束日期在同一个月
- PHP实例练习--投票和租房子
- [Angular 2] Use Service use Typescript
- 如何在Linux下快速安装MapTiler
- C# FTPClient--FTP操作帮助类,上传下载,文件,目录操作
- pyspider 文档介绍
- Selenuim自动化测试模型
- 三十五、minishell(3)
- 11.4vue(3)
- 为你详解Linux安装GCC方法
- OO第三阶段总结
- 在storm中运行jar产生模拟数据的时候,遇见的问题
- xgboost学习与总结
- 卡西欧(casio)Fx-5800p程序调试器||模拟器V1.0
- SQL语句中order_by_、group_by_、having的用法区别
- Qt之QThreadPool和QRunnable
- runtime查找 UIAlertAction 的key 及 UIActionSheet 设置字体颜色
- P2257 YY的GCD
热门文章
- Linux下ps -ef和ps aux的区别及格式详解-转
- Springboot2集成Activiti设计器并去除security
- Dockerfile镜像制作时间同步
- TZ_14_Zuul网关
- H5C3--边框图片
- vmware的Linux虚拟机ping不通外网的解决办法
- Intent 传递Map数据
- cvc-elt.1: 找不到元素 'beans' 的声明。springmvc netbeans maven
- Redis数据库在ubuntu16.04下的安装
- day37 04-Hibernate二级缓存:list和iterate方法比较