一、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

最新文章

  1. Struts2 动态方法调用
  2. Flink - InstanceManager
  3. javascript控制开始日期,和结束日期在同一个月
  4. PHP实例练习--投票和租房子
  5. [Angular 2] Use Service use Typescript
  6. 如何在Linux下快速安装MapTiler
  7. C# FTPClient--FTP操作帮助类,上传下载,文件,目录操作
  8. pyspider 文档介绍
  9. Selenuim自动化测试模型
  10. 三十五、minishell(3)
  11. 11.4vue(3)
  12. 为你详解Linux安装GCC方法
  13. OO第三阶段总结
  14. 在storm中运行jar产生模拟数据的时候,遇见的问题
  15. xgboost学习与总结
  16. 卡西欧(casio)Fx-5800p程序调试器||模拟器V1.0
  17. SQL语句中order_by_、group_by_、having的用法区别
  18. Qt之QThreadPool和QRunnable
  19. runtime查找 UIAlertAction 的key 及 UIActionSheet 设置字体颜色
  20. P2257 YY的GCD

热门文章

  1. Linux下ps -ef和ps aux的区别及格式详解-转
  2. Springboot2集成Activiti设计器并去除security
  3. Dockerfile镜像制作时间同步
  4. TZ_14_Zuul网关
  5. H5C3--边框图片
  6. vmware的Linux虚拟机ping不通外网的解决办法
  7. Intent 传递Map数据
  8. cvc-elt.1: 找不到元素 'beans' 的声明。springmvc netbeans maven
  9. Redis数据库在ubuntu16.04下的安装
  10. day37 04-Hibernate二级缓存:list和iterate方法比较