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 ...
随机推荐
- Dokit支持iOS本地crash查看功能
一.前言 在日常开发中或者测试过程中,我们的应用可能会出现Crash的问题.对于这类问题我们要抱着零容忍的态度,因为如果线上出现了这类问题,将会严重影响用户的体验. 如果Crash出现的时候恰好是在开 ...
- POJ 3083 Children of the Candy Corn (DFS + BFS)
POJ-3083 题意: 给一个h*w的地图. '#'表示墙: '.'表示空地: 'S'表示起点: 'E'表示终点: 1)在地图中仅有一个'S'和一个'E',他们为位于地图的边墙,不在墙角: 2)地图 ...
- SQL,如果碰到Json,你会怎么做?
1.Json串如下: DECLARE @JsonInfo NVARCHAR() SET @JsonInfo=N' { "CalcPayInput":{ ", " ...
- Visual Studio 调试 —— 附加到进程(远程服务器)
一般在部署环境下不会有 Visual Studio 开发工具的,所以需要有 Remote Debugger(远程调试器) 才可以进行远程调试. Remote Debugger 获取 方法一:Visua ...
- Hibernate,一对多,多对一
Hibernate环境的配置 hibernate.cfg.xml的配置 <?xml version='1.0' encoding='utf-8'?> <!DOCTYPE hibern ...
- 在64位Linux上安装32位gmp大数库
前期准备: 如果没有安装32位gcc和g++环境的话,可能会导致安装失败,此时请参考上一篇博文 http://www.cnblogs.com/weir007/p/5977759.html,根据系统版本 ...
- Elastic Stack 笔记(十)Elasticsearch5.6 For Hadoop
博客地址:http://www.moonxy.com 一.前言 ES-Hadoop 是连接快速查询和大数据分析的桥梁,它能够无间隙的在 Hadoop 和 ElasticSearch 上移动数据.ES ...
- CentOS部署Harbor镜像仓库
关于Harbor Harbor是用于存储和分发Docker镜像的镜像仓库服务,相比Docker Registry,Harbor在安全.标识.管理等方面做了增强,更适合企业使用: 官方网站:https: ...
- jdk1.8源码阅读
一.java.lang java的基础类 1.object 所有类的爸爸 registerNatives() Class<?> getClass():返回运行时的类 int hashCod ...
- .NetCore 网站DELETE请求错误405.0 - Method Not Allowed 因为使用了无效方法
.netCore网站Delete请求405错误 解决方案 1:在启用或关闭Windows功能 –> Internet Information Services 关闭WebDAV发布(这种方式可能 ...