文档章节

HTML坐标

激烈的海胆
 激烈的海胆
发布于 2016/10/11 11:24
字数 382
阅读 1
收藏 0
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 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 相对文档的水平座标+垂直方向滚动的量 这里是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;

© 著作权归作者所有

上一篇: h5小技巧总结
下一篇: HTML5无刷修改url
激烈的海胆
粉丝 0
博文 25
码字总数 7600
作品 0
北京
前端工程师
私信 提问
如何将百度墨卡托平面坐标转经纬度坐标?

原文作者:西安鲲之鹏 原文链接:http://www.site-digger.com/html/articles/20150831/98.html 以”钟楼”为例,在百度地图中搜索(结果如上图所示),返回的是12128773.43,4040249.00这种形...

西安鲲之鹏
2015/09/25
3.2K
0
百度地图API入门——(6)地图容器及BMap命名空间

1. 百度地图API的类,需要一个HTML的元素作为容器,才能展现在网页上。如下: 2. BMap命名空间 百度地图API的类,都使用BMap作为命名空间。比如: var map = new BMap.Map("container"); 其构...

晨曦之光
2012/04/24
418
0
html5 的touchstart、touchmove和touchend 事件

http://bbs.html5cn.org/thread-84163-1-1.html http://www.jb51.net/html5/70096.html touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。 touchmove事件:当...

zwjjap
2015/12/24
185
0
iOS 需要注意的地方

frame和bounds是UIView中的两个属性(property)。 frame指的是:该view在父view坐标系统中的位置和大小。(参照点是父亲的坐标系统) bounds指的是:该view在本身坐标系统中 的位置和大小。(...

-浪里小白龙
2016/03/11
26
0
高德地图获取位置分析坐标

引用自:http://zhaoziang.com/amap/picpoint.html

上官瑾文
2014/06/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Mybatis Plus删除

/** @author beth @data 2019-10-17 00:30 */ @RunWith(SpringRunner.class) @SpringBootTest public class DeleteTest { @Autowired private UserInfoMapper userInfoMapper; /** 根据id删除......

一个yuanbeth
今天
4
0
总结

一、设计模式 简单工厂:一个简单而且比较杂的工厂,可以创建任何对象给你 复杂工厂:先创建一种基础类型的工厂接口,然后各自集成实现这个接口,但是每个工厂都是这个基础类的扩展分类,spr...

BobwithB
今天
5
0
java内存模型

前言 Java作为一种面向对象的,跨平台语言,其对象、内存等一直是比较难的知识点。而且很多概念的名称看起来又那么相似,很多人会傻傻分不清楚。比如本文我们要讨论的JVM内存结构、Java内存模...

ls_cherish
今天
4
0
友元函数强制转换

友元函数强制转换 p522

天王盖地虎626
昨天
5
0
js中实现页面跳转(返回前一页、后一页)

本文转载于:专业的前端网站➸js中实现页面跳转(返回前一页、后一页) 一:JS 重载页面,本地刷新,返回上一页 复制代码代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a h...

前端老手
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部