jq offset().top和js offsetTop的区别

最新推荐文章于 2024-05-20 10:22:47 发布
最新推荐文章于 2024-05-20 10:22:47 发布
阅读量1.1k 收藏 1
点赞数 2
分类专栏： jq js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38761664/article/details/89374900
版权
js 同时被 2 个专栏收录
41 篇文章 0 订阅
订阅专栏
jq
2 篇文章 0 订阅
订阅专栏

offset().top是JQ的方法，当前绑定元素上边框相对于html上边界的偏移量。

offsetTop是原生JS的方法，当前绑定元素上边框相对离自己最近且position属性为非static的元素的偏移量

可怜的前端小程序员
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中offsetLeft/offsetTop与jq中offset().left/offset().top的区别
web_hwg的博客
04-10 3609
1.offsetLeft/offsetTop 在页面任一元素的offsetLeft总是找到离其最近的已经定位的父元素或祖先元素定位，如果没有，就根据根节点body定位，然后获取其left值。 2.offset().left/offset().top 返回或设置匹配元素相对于文档的偏移（位置）。 无论元素的父元素或祖先元素的position属性是什么，总是计算相对于文档的位置。 示例：#par
Jquery中用offset（）.top和offsetTop的比较
weixin_34409357的博客
04-30 1528
今天，想测试一个div与顶部的距离，用的是.offsetTop，但是offsetTop获得的值，怎么都打印不出来。折腾了半天，打印的结果都是undefined，虽然网上很多资料都说返回的是数值。虽然这个函数永不了，但是黄显钦找到了一个可以替代offsetTop的函数。那就是jquery的offset().top   我们先来了解一下，什么是offset（）.top和offsetTop？   ...
offsetTop、clientHeight、scrollTop等属性的含义
最新发布
qq_53895518的博客
05-20 414
包含元素的引用保存在offsetParent属性中，不一定是parentNode，比如的offsetParent是，因为它是DOM层次中距最近的一个具有大小的元素。所有的偏移量属性都是只读的，而且每次访问都要重新计算，避免重复访问。四、innterHeight和outerHeight。这两个属性也是只读和需要重新计算的。二、客户区大小-以client开头的。一、偏移量-以offset开头的。三、滚动大小-scroll开头的。
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; 网页正文全文高..
JS_html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
小歪博客
07-08 273
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对
js中offsetHeight，offsetWidth，offsetTop,offsetLeft属性的使用
m0_56132701的博客
01-06 1852
element.offsetHeight属性返回元素的垂直高度，element.offsetWidth属性返回元素的水平宽度。element.offsetParent属性与定位有着很大的关系，它的定义是：与当前元素最近的经过定位的父级元素。如果存在水平滚动条，offsetHeight包括水平滚动条的高度。offsetLeft表示元素的左外边框至offsetParent元素的左内边框之间的像素距离。offsetTop表示元素的上外边框至offsetParent元素的上内边框之间的像素距离。
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
12-02
网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线...
JS中offset和匀速动画详解
10-18
综上所述，了解和熟练运用offset属性和匀速动画机制对于开发动态效果和交互丰富的JavaScript应用至关重要。结合实际项目实践，这些概念将使开发者在构建更复杂的功能，如轮播图、滚动效果等时更加得心应手。
Js中关于top、clientTop、scrollTop、offsetTop.pdf
09-27
Js 中关于 top、clientTop、scrollTop、offsetTop 的详细知识点 在 JavaScript 中，理解 top、clientTop、scrollTop、offsetTop 等属性是非常重要的，这些属性都是用于获取或设置 HTML 元素的位置和尺寸的。下面...
获取offsetTop和offsetLeft值的js代码(兼容)
10-27
offsetTop和offsetLeft的值在某些特殊的情况下是会使用到的，为了实现值的准确获取，本文采用js代码实现下，有需求的朋友可以参考下哈
offsetTop和offset().top
u013742084的专栏
06-01 7608
前段时间写了一个视觉差滚动的demo，是用js实现的。 第二次看这个例子，我想封装一个jquery插件。 首先demo中有两个button需要在jq中对它们进行定位，然而问题来了 我先得到第一张图片的位置，对图片中的button的top进行定位时，想法是将css样式中的top设置成this.img.offset().top + this.img.height() / 2 - this
js之pc端网页特效，获取元素偏移，获取元素大小，offset和style区别以及案例
m0_61547956的博客
04-29 557
offsetLeft和offsetTop获取元素偏移 offset系列属性可以动态获得元素的位置，大小等，不需要我们去看css了，没有right和bottom。 获得元素的距离以带有定位的父盒子为准，返回的数值不带单位，如果父盒子没有定位，就往上找，直到找到带有定位的父盒子，如果没有就以body为准。 offsetWidth和offsetHeight获取元素的大小 返回的数值不带单位，包含padding和border值 offsetParent 返回带有定位的父盒子，parentNode是返
【小5聊】jquery基础之offset和position的top、left值
小5聊的博客
12-14 1656
假如有这么一个需求，当打开下拉ul列表，列表值能够滚动到指定li中显示 1、offset() offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。 该方法返回的对象包含两个整型属性：top 和 left，以像素计。 2、position() position() 方法返回匹配元素相对于父元素的位置（偏移）。 该方法返回的对象包含两个整型属性：top 和 left，以像素计。 3、由以上概念可知，获取li在ul中的top偏移值，需要使用position() 4、由以..
JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
热门推荐
semanwmj的专栏
12-15 2万+
这里是javascript中制作滚动代码的常用属性 页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth   (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文
关于Jquery offset().top 在IE和Firefox下行为不一致的问题
蓝色理想
08-28 783
关于Jquery offset().top 在IE和Firefox下行为不一致的问题 By jonny on March 2, 2012 项目中用到了JSTree,原先一个页面里包含了很多的tab标签，而且每个tab标签内功能都很多，用到了大量的js代码，后来我们决定把tab里的内容分成不同的page，然后用iframe调用。 于是奇怪的问题出现了，在IE下面拖动滚动条后j...
js中offsetTop,scrollTop,clientTop区别
梦里回忆-专栏
09-06 3413
一直以来对offsetLeft，offsetTop，scrollLeft，scrollTop这几个方法很迷糊，花了一天的时间好好的学习了一下．得出了以下的结果： 1.offsetTop     : 当前对象到其上级层顶部的距离. 不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性. 2.offsetLeft : 当前对象到其上级层左边的距离.
Jquery 中 offset() 方法
10-07 1823
一、语法     1、 返回偏移坐标          $(selector).offset();          top: $(selector).offset().top;          left: $(selector).offset().left;     2、设置偏移坐标：          $(selector).offset({top:val
offsetLeft，offsetTop，scrollLeft，scrollTop
y_mo的专栏
12-25 1146
对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解 Posted on 2006-11-20 16:15 X-阿土 阅读(252) 评论(0)  编辑  收藏 所属分类: JavaScript开发 <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
js中的offsetleft和offsettop
06-01
在JavaScript中，`offsetLeft`和`offsetTop`是用来获取元素相对于其父元素的左偏移量和上偏移量的属性。 `offsetLeft`表示元素的左边框相对于其父元素的左边框的距离，而`offsetTop`表示元素的上边框相对于其父元素...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值