scrollLeft/scrollTop,offsetLeft/offsetTop,clientLeft/clientTop

最新推荐文章于 2022-02-28 16:42:20 发布
最新推荐文章于 2022-02-28 16:42:20 发布
阅读量211 收藏
点赞数
原文链接：http://www.cnblogs.com/acaciasun/p/3337828.html
版权

offsetLeft/offsetTop

当前元素距浏览器边界的偏移量，从border边缘算起。

clientTop/clientLeft

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

scrollLeft/scrollTop（IE6计算方式不同）

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

转载于:https://www.cnblogs.com/acaciasun/p/3337828.html

weixin_30615767
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Js中 关于top、clientTop、scrollTop、offsetTop
06-08
Js中 关于top、clientTop、scrollTop、offsetTop等
浅析offsetLeft,Left,clientLeft之间的区别
09-04
在JavaScript和Web开发中，了解DOM元素的定位属性至关重要，特别是`offsetLeft`, `left`, 和`clientLeft`之间的区别。这些属性可以帮助开发者精确地控制和计算元素在页面上的位置和大小。 首先，`offsetLeft`是元素...
scrollWidth clientWidth offsetWidth style.width screen.width
一个有味道的Weber
05-17 696
关于scrollWidth() clientWidth() offsetWidth() style.width() screen.height()谷歌和火狐默认滚动条的宽度是 17px（Firefox Chrome IE 表现一致）一、计算宽高方法有： ①offsetWidth、offsetHeight ②clientWidth、clientHeight ③style.width、style.
scrollTop及offsetTop的对比
余光的博客
01-14 5928
scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。 写这篇博客的时候，我对浏览器和元素的位置关系理解的也不太透彻，有错误的地方请大家指正。 一 offset 特别说明：offsetTop是只读属性。 offsetTop由如下两个单词构成： （1）.offset：具有偏移量的意思。 （2）.top：具有顶部的意思。 此属性的功能确实...
offsetTop和scrollTop区别
王晓思的博客
08-14 1万+
offsetTop:当前元素顶端距离父元素顶端距离,鼠标滚轮不会影响其数值. scrollTop:当前元素顶端距离窗口顶端距离,鼠标滚轮会影响其数值. 如图所示中间是个div,那么div.offsetTop = 此div border外到父元素border内且都不包括border                                   那么div.scrollTop = 此d...
offsetLeft,Left,clientLeft详解
lulula的博客
03-15 2294
背景 最近写了一个滑动条，发现自己的对offsetLeft,Left,clientLeft这几个的概念还不是很清楚，于是决定细细研究下。 分类 client部分 clientHeight:内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度(不含边框，也不包含滚动条等边线，会随窗口的显示大小改变) clientLeft,clientTop: 这两个返回的是元素周围...
Js中_关于top、clientTop、scrollTop、offsetTop
08-18
Js 中关于 top、clientTop、scrollTop、offsetTop 在 JavaScript 中，top、clientTop、scrollTop 和 offsetTop 是四个常用的属性，它们都与元素的位置或尺寸相关。下面，我们将详细介绍这四个属性的含义、用法和...
JS中获取 DOM 元素的绝对位置实例详解
12-10
`offsetTop` 和 `offsetLeft` 能够获取相对于定位容器的位置，而 `clientTop` 和 `clientLeft` 描述的是元素的边框宽度。`getBoundingClientRect()` 则提供了一个更全面的解决方案，包括元素相对于视口的位置信息。...
用JavaScript获取DOM元素位置和尺寸大小的方法
12-01
包括`offsetWidth`, `clientWidth`, `scrollWidth`, `offsetHeight`, `clientHeight`, `scrollHeight`, `offsetLeft`, `clientLeft`, `scrollLeft`, `offsetTop`, `clientTop`以及`scrollTop`。这些属性在处理元素的...
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
11-20
- `clientTop` 和 `clientLeft` 分别表示元素上边框和左边框的宽度，即 `clientTop = border.top` 和 `clientLeft = border.left`。 2. **offsetWidth和offsetHeight** - `offsetWidth` 包含了元素的宽度、左右内...
分享下offsetLeft和clientLeft和scrollLeft区别的总结
lizige2008的博客
08-24 1389
在做前端的时候很多时间都会用到offset,clientLeft,scrollLeft…类似这样的属性，他们到底有什么区别呢？他们分别是指哪里呢？我们一起来分析分析。 1.offsetWidth,offsetHeight,offsetLeft,offsetTop 如上图所示， offsetWidth(对象的可见宽度，包括滚动条等边线)=content+padding+border offsetHeight(对象的可见高度)=content+padding+border offsetWidth(相对父元素的
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
热门推荐
xuantian868的专栏
10-21 9万+
  HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度o
offsetLeft和clientLeft的区别
做一个开心的全栈工程师
04-27 9977
offsetLeft从字面意思上理解，就是以父元素作为参照点，当前元素相对于父元素左边的偏移量 clientLeft的值就等于border-left的值
javascript中元素的scrollLeft和scrollTop属性说明
weixin_34032792的博客
10-13 168
再说意义之前，前说一下这两个属性的适用范围： 注意：这两个属性只能用于元素设置了overflow的css样式中。否者这两个属性没有任何意义。且overflow的值不能为visible，但可以为hidden,auto,scroll的之中，但是hidden最常见。 注意：在对这两个参数设置值时，直接用数字就可以了，否者不起作用。 javascript中元素的scrollLeft和scrol...
JS中offsetTop、clientTop、scrollTop、offsetTop各位置属性详解（含示例图）
小菜吉的博客
02-28 2万+
这里是javascript中制作滚动代码的常用属性 页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; window.innerHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrollWidth; 网页正文全文高..
居中元素的 scrollleft 的计算方法
大王叫俄来巡三呦的博客
08-21 599
如果需要将某个元素 在可以滚动元素（scroll）中设置为居中计算方法为：  需要的scrollleft + 普通居中时候的offsetLeft  = 当前的scrollleft+当前元素的offsetLeft  = 固定的当前元素在整个滚动条中距离左边的位置 DEMO html lang="en"> head> meta charset="UTF-8"> title>
居中元素的 scrollleft 的计算方法
ISaiSai的专栏
10-16 1748
如果需要将某个元素 在可以滚动元素（scroll）中设置为居中计算方法为： 需要的scrollleft + 普通居中时候的offsetLeft = 当前的scrollleft+当前元素的offsetLeft = 固定的当前元素在整个滚动条中距离左边的位置
什么是scrollLeft和scrollTop？
最新发布
11-25
scrollLeft和scrollTop是JavaScript中用于获取或设置元素在滚动区域内的水平和垂直滚动位置的属性。 scrollLeft属性返回元素在水平方向滚动条滚动的像素数，而scrollTop属性返回元素在垂直方向滚动条滚动的像素数。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值