document.body.scrollTop等常见易混淆属性整理
|
||
网页可见区域宽: 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; | ||
scrollHeight: 获取对象的滚动高度。 | ||
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 | ||
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 | ||
scrollWidth:获取对象的滚动宽度 | ||
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 | ||
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 | ||
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 | ||
event.clientX 相对文档的水平座标 | ||
event.clientY 相对文档的垂直座标 | ||
event.offsetX 相对容器的水平坐标 | ||
event.offsetY 相对容器的垂直坐标 | ||
document.documentElement.scrollTop 垂直方向滚动的值 | ||
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量 | ||
要获取当前页面的滚动条纵坐标位置,用: | ||
document.documentElement.scrollTop; | ||
而不是: | ||
document.body.scrollTop; | ||
documentElement 对应的是 html 标签,而 body 对应的是 body 标签 |
document.body.scrollTop等常见易混淆属性整理的更多相关文章
- css常见的易混淆属性和值的区别(一)
css的属性很多,每一个属性的值也很多,组合起来便有成千上万种.不同属性之间的相互组合也可以产生不同的样式,css真是一种优美的样式设计语言.下面对工作中常见的易混淆的属性和值进行总结: 1. lin ...
- Java-web易混淆知识点整理
Java-web易混淆知识点 post和get区别 post: 数据不会显示在地址栏 安全 大小无限制 可以提交二进制文件 get: 数据显示在地址栏 不安全 get方式提交有大小限制(约4kb) 相 ...
- css3易混淆属性详解
1.background, background-color, color (1)background:在一个声明中设置所有属性: 如:background: #00FF00 url(bgima ...
- CSS 易混淆属性
1. div中 height和line-height的区别 <div style="height:120px;">是用来规定整个div的高度,文字还是默认会在顶端开始向 ...
- C++易混淆知识点整理
// 1 /////////////////////////////////////////////////////////////////////// // 常量指针:,指针可修改,变量不可修改(只 ...
- JavaScript中易混淆的DOM属性及方法对比
JavaScript中易混淆的DOM属性及方法对比 ParentNode.children VS Node.prototype.childNodes ParentNode.children:该属性继承 ...
- DOM节点中获取文本易混淆的属性
DOM 节点中对于获取文本易混淆的属性,innerText, innerHTML, outerHTML, textContent, nodeValue. 一个实例: <!DOCTYPE html ...
- input屏蔽历史记录 ;function($,undefined) 前面的分号是什么用处 JSON 和 JSONP 两兄弟 document.body.scrollTop与document.documentElement.scrollTop兼容 URL中的# 网站性能优化 前端必知的ajax 简单理解同步与异步 那些年,我们被耍过的bug——has
input屏蔽历史记录 设置input的扩展属性autocomplete 为off即可 ;function($,undefined) 前面的分号是什么用处 ;(function($){$.ex ...
- document.body.scrollTop用法
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offset ...
随机推荐
- 解决flutter:unable to find valid certification path to requested target 的问题
1.问题 周末在家想搞搞flutter,家里电脑是windows的,按照官网教程一步步安装好以后,创建flutter工程,点击运行,一片红色弹出来,WTF? PKIX path building fa ...
- 面向微服务的体系结构评审中需要问的三个问题-咖啡杂谈:Java、新闻、故事和观点
面向微服务的体系结构如今风靡全球.这是因为更快的部署节奏和更低的成本是面向微服务的体系结构的基本承诺. 然而,对于大多数试水的公司来说,开发活动更多的是将现有的单块应用程序转换为面向微服务的体系结构, ...
- springmvc使用JSR-303对复杂对象进行校验
JSR-303 是JAVA EE 6 中的一项子规范,叫做Bean Validation,官方参考实现是Hibernate Validator.此实现与Hibernate ORM 没有任何关系.JSR ...
- 【Offer】[53-2] 【0~n-1中缺失的数字】
题目描述 思路分析 测试用例 Java代码 代码链接 题目描述 一个长度为n-1的递增排序数组中的所有数字都是唯一的,并且每个数字都在范围0~n-1之内.在范围0~n-1内的n个数字中有且只有一个数字 ...
- 弄懂goroutine调度原理
goroutine简介 golang语言作者Rob Pike说,"Goroutine是一个与其他goroutines 并发运行在同一地址空间的Go函数或方法.一个运行的程序由一个或更多个go ...
- IDEA中运行测试方法
1. 2. 3. 4. 5.
- 玩转 Springboot 2 之热部署(DevTools)
Devtools 介绍 SpringBoot 提供了热部署的功能,那啥是热部署累?SpringBoot官方是这样说的:只要类路径上的文件发生更改,就会自动重新启动应用程序.在IDE中工作时,这可能是一 ...
- Spring MVC+ajax进行信息验证
本文是一个ajax结合Spring MVC使用的入门,首先我们来了解一下什么是Ajax AJAX 不是新的编程语言,而是一种使用现有标准的新方法.AJAX 最大的优点是在不重新加载整个页面的情况下,可 ...
- pytho的traceback的解读
写 Python 代码的时候,当代码中出现错误,会在输出的时候打印 Traceback 错误信息,很多初学者看到那一堆错误信息,往往都会处于懵逼状态,脑中总会冒出一句,这都是些啥玩意.如果你是第一次 ...
- CentOS7 常用命令
常用命令 1.文件与目录操作 命令 解析 cd /home 进入 ‘/home’ 目录 cd .. 返回上一级目录 cd ../.. 返回上两级目录 cd - 返回上次所在目录 cp file1 fi ...