令人头疼的clientTop、scrollTop、offsetTop

2019独角兽企业重金招聘Python工程师标准>>>

参考：http://www.cnblogs.com/gagarinwjj/p/conflict_client_offset_scroll.html

offsetWidth/offsetHeight

对象的可见宽度

clientWidth/clientHeight

内容的可见宽度

scrollWidth/scrollHeight

元素完整的高度和宽度，overflow:hidden的部分也计算在内。

offsetLeft/offsetTop

当前元素距浏览器边界的偏移量，以像素为单位。

clientTop/clientLeft

这个属性测试下来的结果就是border。

scrollLeft/scrollTop

设置或返回已经滚动到元素的左边界或上边界的像素数。

转载于:https://my.oschina.net/u/2332658/blog/1931878

令人头疼的clientTop、scrollTop、offsetTop相关推荐

【JS与JQ】原生JS(clientTop/clientLeft,offsetTop/offsetLeft,scrollTop/scrollLeft)
JS和JQuery位置方法汇总前言总结: HTML: <div class="gFather"><div class="father"> ...
js中关于scrolltop.offsettop等距离用法的介绍
页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offse ...
解决设置scrollTop不起作用
今天遇到了一个scrollTop设置不起作用的问题,接下来我就阐述一下问题的场景: 首先场景是一个异步树:支持模糊搜索,当搜索到结果时,会有选中效果,但是搜索的结果可能会超出树的显示范围,因此需要手动 ...
scrollTop()方法
scrollTop设置滚动条用法前提工作中需要做一个点击右侧网元或板卡,左侧topo图滚动到对应位置用到的知识点 scrollTop(),position(),工作环境中用了Jtopo,Ztre ...
HTML中常见的各种位置距离以及dom中的坐标讨论
最近在学习JavaScript,特意买了一本犀牛角书来看看,尼玛一千多页,看的我头昏脑涨,翻到DOM这章节,突然记起平常在使用DOM时,碰到了好多的这个dom里面的各种宽度,高度,特意在此写一写,写的 ...
js判断鼠标位置是否在某个div中
div的onmouseout事件让div消失时,会出现这样的情况,就是当鼠标移至div中的其它内容时,此时也判定为离开div,会触发 onmouseout事件,这样div中的内容就不能操作了.解决的办 ...
JavaScript获取DOM元素位置和尺寸大小
在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果,这种时候我们经常会用到一些元素位置和尺寸的计算,浏览器兼容性问题也是不可忽略的一部分,要想写出预想效果的JavaScript ...
INPUT type=password 元素 | input type=password 对象
INPUT type=password 元素 | input type=password 对象属性描述 ACCESSKEY accessKey 设置或获取对象的快捷键. ATOMICSEL ...
layui前端页面table表格怎么格式化转换时间_前端开发面经知识点总结
HTTP,HTML,浏览器 1.说一下http和https 2.tcp三次握手,一句话概括 3.TCP和UDP的区别 4.WebSocket的实现和应用 6. 一个图片url访问后直接下载怎样实现? ...

令人头疼的clientTop、scrollTop、offsetTop

令人头疼的clientTop、scrollTop、offsetTop相关推荐

最新文章

热门文章