offsetLeft和scrollLeft

最新推荐文章于 2023-06-17 13:58:23 发布
最新推荐文章于 2023-06-17 13:58:23 发布
阅读量666 收藏
点赞数
分类专栏： javascript 文章标签： scroll html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zj_2009/article/details/1831172
版权

offsetLeft:Html元素相对于自己的offsetParent元素的位置
如果父元素设置position:absolute ;left:170px; top:100px;   则子元素是相对于父元素的位置，

否则则是相当于BODY的位置，

 

scrollLeft:返回和设置当前横向滚动务的坐标值 ，设置overflow:scroll即可 ; 

zj_2009
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅析offsetLeft,Left,clientLeft之间的区别
09-04
在JavaScript和Web开发中，了解DOM元素的定位属性至关重要，特别是`offsetLeft`, `left`, 和`clientLeft`之间的区别。这些属性可以帮助开发者精确地控制和计算元素在页面上的位置和大小。 首先，`offsetLeft`是元素...
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
10-28
在JavaScript中，处理页面元素的位置和尺寸时，经常会用到几个关键属性，如`scrollHeight`、`scrollWidth`、`scrollLeft`和`scrollTop`。这些属性在不同的场景下有着各自独特的用途，理解它们之间的差异是进行网页...
offsetLeft，scrollLeft，offsetTop，scrollTop等等的用法
墨者侠客
08-13 964
[c-sharp] view plaincopyprint? 一，举几个说明一下  1，scrollHeight: 获取对象的滚动高度，对象的实际高度；  2，scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离  3，scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离  4，scrollWidth:获取对象的滚动宽度  5
scrollLeft offsetLeft clientLeft 详解
weixin_30423977的博客
03-30 354
scroll系列属性 scrollLeft ：设置和获取当前左滚动的距离，即左卷的距离； scrollTop：设置和获取当前上滚的距离，即上卷的距离； scrollHeight：获取对象可滚动的总高度； scrollWidth：获取对象可滚动的总宽度； 属性使用方法：var div1=document.getElementById("out");div1 . scroll...
scrollLeft、offsetLeft、clientLeft、clientHeight详解（转帖）
mdc333的专栏
01-26 681
scrollLeft、offsetLeft、clientLeft、clientHeight详解
分享下offsetLeft和clientLeft和scrollLeft区别的总结
lizige2008的博客
08-24 1404
在做前端的时候很多时间都会用到offset,clientLeft,scrollLeft…类似这样的属性，他们到底有什么区别呢？他们分别是指哪里呢？我们一起来分析分析。 1.offsetWidth,offsetHeight,offsetLeft,offsetTop 如上图所示， offsetWidth(对象的可见宽度，包括滚动条等边线)=content+padding+border offsetHeight(对象的可见高度)=content+padding+border offsetWidth(相对父元素的
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解
10-30
**scrollLeft** 和 **scrollTop** 主要用于获取或设置元素滚动的位置。 - **scrollLeft**: 设置或获取位于元素左边界和窗口中目前可见内容的最左端之间的距离。这个距离可以用来确定页面在水平方向上的滚动程度。 -...
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
12-09
`clientX`, `pageX`, `offsetX`, `x`, `layerX`, `screenX`, 和 `offsetLeft` 是JavaScript中用于描述鼠标位置和元素相对位置的一系列属性。下面我们将深入探讨这些属性的含义、用途及其在不同浏览器中的差异。 1. ...
scrollLeft/scrollTop,offsetLeft/offsetTop,clientLeft/clientTop
weixin_30615767的博客
07-27 215
offsetLeft/offsetTop 当前元素距浏览器边界的偏移量，从border边缘算起。 clientTop/clientLeft 这个属性测试下来的结果是=border。 scrollLeft/scrollTop（IE6计算方式不同） 设置或返回已经滚动到元素的左边界或上边界的像素数。 转载于:https://www.cnblogs.com/acaciasun/p/333782...
scrollLeft、offsetLeft、clientLeft、clientHeight详解
weistar103的专栏
03-26 86
最近开始写HTML5应用,需要补充一下DIV知识.  scrollHeight: 获取对象的滚动高度，对象的实际高度；scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对由父坐标 offsetParent ...
JS中offsetLeft与scrollLeft区别
06-15 627
JS中offsetLeft与scrollLeft区别 来源：http://zhidao.baidu.com/question/14206879.htmloffsetLeft:Html元素相对于自己的offsetParent元素的位置 scrollLeft:返回和设置当前横向滚动务的坐标值 <div id="d" style="background-color:#ff9
js中clientWidth、scrollLeft、offsetX等宽高度和位置的用法
AAAAahao_的博客
01-30 2655
文章目录前言一、clientWidth / clientHeight二、clientLeft / clientTop三、clientX / clientY四、scrollWidth / scrollHeight五、scrollLeft / scrollTop六、offsetWidth / offsetHeight七、offsetLeft / offsetTop八、offsetX / offsetY总结 前言 前端学习中会遇到的一些宽高度，位置的计算 提示：以下是本篇文章正文内容，下面案例可供参考 .b.
scrollLeft
qq_42683842的博客
12-05 716
scrollLeft() 方法返回或设置匹配元素的滚动条的水平位置。 滚动条的水平位置指的是从其左侧滚动过的像素数。当滚动条位于最左侧时，位置是 0。
jQuery之scrollLeft()、scrollTop()
06-17 1281
【代码】jQuery之scrollLeft()、scrollTop()
jQuery scrollLeft( ) 方法
m0_57835615的博客
06-13 522
通过jQuery的 scrollTop( ) 方法，我们可以设置或返回被选元素的水平滚动条位置。 （1）返回水平滚动条位置 语法格式： $(selector).scrollLeft()
scrollTop、scrollLeft、scrollWidth、scrollHeight
pig_ning的博客
03-24 2769
scrollTop、scrollLeft、scrollWidth、scrollHeight
javascript中元素的scrollLeft和scrollTop属性说明
sunsineq的专栏
10-19 807
这两个属性的适用范围： 注意： 这两个属性只能用于元素设置了overflow的css样式中。否则这两个属性没有任何意义。 且overflow的值不能为visible，但可以为hidden,auto,scroll的之中，但是hidden最常见。 注意：在对这两个参数设置值时，直接用数字就可以了，否者不起作用。 javascript中元素的scrollLeft和scrollTop属性的参数意义： scrollLeft：是该元素的显示（可见）的内容与该元素实际的内容的距离。 即设置scrolllef
[js点滴]常见的事件位置属性
图解AI
11-06 5408
1.常见的事件位置属性 e.pageX——相对整个页面的坐标 注意:IE6、IE7、IE8无该属性 e.layerX——相对当前坐标系的border左上角开始的坐标 注意：在opera、IE6、IE7、IE8中这个属性，而IE8以上表示相对当前坐标系的border左上角开始的坐标 + 滚动条滚过的距离 e.offsetX——相对当前坐标系的border左上
offsetTop offsetLeft offsetBottom
最新发布
06-06
`offsetTop`, `offsetLeft`, 和 `offsetBottom` 是在JavaScript中的CSS盒模型（Box Model）中用于获取...如果你想要计算元素相对于视口的位置，可能还需要加上元素自身的宽度、高度和`scrollLeft`、`scrollTop`等值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值