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中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
12-02
网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线...
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; 网页正文全文高..
JQ的offset().top与js的offsetTop区别详解
weixin_30731305的博客
12-20 864
一、前言 最近在做一个图片懒加载的插件，就纵轴(Y轴)而言，我需要时时获取图片的上偏移量，好判断是否已进入视图区域，而我所理解的是offsetTop应该是跟offset().top一样的，然后陷入了因为不了解它们区别，而带来BUG的死坑。这里通过实验整理，做个清晰好懂的笔记，如果你也想弄清，建议复制我的代码跟着操作，印象会更为深刻。 二、offset().top与offsetTop什么意思？它...
offsetTop、clientHeight、scrollTop等属性的含义
最新发布
qq_53895518的博客
05-20 427
包含元素的引用保存在offsetParent属性中，不一定是parentNode，比如的offsetParent是，因为它是DOM层次中距最近的一个具有大小的元素。所有的偏移量属性都是只读的，而且每次访问都要重新计算，避免重复访问。四、innterHeight和outerHeight。这两个属性也是只读和需要重新计算的。二、客户区大小-以client开头的。一、偏移量-以offset开头的。三、滚动大小-scroll开头的。
offsetTop、clientTop、scrollTop等属性详解【概念+详细例子分析】
hannah2233的博客
12-24 5656
1、 offsetTop、offsetLeft2、 offsetWidth、offsetHeight3、 offsetX、offsetY1、 clientWidth、clientHeight2、 clientTop、clientLeft3、 clientX、clientY1、 scrollWidth、scrollHeight2、 scrollTop、scrollLeft
jq获取和设置偏移量：offset（）、position（）
YY的博客
11-11 1908
position（）、offset（）、
关于offsetTop的理解
热门推荐
jinxi1112的博客
05-30 3万+
1. offsetTop：元素到offsetParent顶部的距离 2. offsetParent：距离元素最近的一个具有定位的祖宗元素（relative，absolute，fixed），若祖宗都不符合条件，offsetParent为body。如下图所示：获取child的offsetTop，图1的offsetParent为father，图2的offsetParent为body。 3. 注意...
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代码实现下，有需求的朋友可以参考下哈
js中offsetLeft/offsetTop与jq中offset().left/offset().top的区别
web_hwg的博客
04-10 3611
1.offsetLeft/offsetTop 在页面任一元素的offsetLeft总是找到离其最近的已经定位的父元素或祖先元素定位，如果没有，就根据根节点body定位，然后获取其left值。 2.offset().left/offset().top 返回或设置匹配元素相对于文档的偏移（位置）。 无论元素的父元素或祖先元素的position属性是什么，总是计算相对于文档的位置。 示例：#par
使用jquery改变元素在页面的位置--offsetTop,screenTop,clientTop关系及理解
zerlinda_c的博客
12-28 1万+
在进行网页布局的时候会碰到需要进行HTML精确定位的情况，需要要将某一documentElement定位到页面的某一位置。 　　比如说传统的文档流是从上到下渲染网页的，当中间某一个元素不存在了（使用.hide()等），后面的元素就要补这个缺，这样的话交互就会很差，因为一旦后面的元素补了这个缺，它在页面显示的内容很可能被浏览器截成两段，用户还未浏览到的内容直接就跑到了浏览器不可见的区域了，这时候如果
scrollTop及offsetTop的对比
余光的博客
01-14 5903
scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。 写这篇博客的时候，我对浏览器和元素的位置关系理解的也不太透彻，有错误的地方请大家指正。 一 offset 特别说明：offsetTop是只读属性。 offsetTop由如下两个单词构成： （1）.offset：具有偏移量的意思。 （2）.top：具有顶部的意思。 此属性的功能确实...
Jquery中用offset（）.top和offsetTop的比较
weixin_34409357的博客
04-30 1529
今天，想测试一个div与顶部的距离，用的是.offsetTop，但是offsetTop获得的值，怎么都打印不出来。折腾了半天，打印的结果都是undefined，虽然网上很多资料都说返回的是数值。虽然这个函数永不了，但是黄显钦找到了一个可以替代offsetTop的函数。那就是jquery的offset().top   我们先来了解一下，什么是offset（）.top和offsetTop？   ...
js中关于scrolltop.offsettop等距离用法的介绍
纸上得来终觉浅，绝知此事要躬行
12-01 6004
页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrollWidt
UniApp使用ref动态绑定元素在APP端获取offsetTop为undefined解决方法
你好！刘斩仙
05-11 1866
要求实现，根据id自动滚动到列表中的某一条数据位置。
JS_html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
小歪博客
07-08 277
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对
offsettop及相关属性介绍
qq_42345237的博客
01-03 1290
offsettop及相关属性介绍 最近的项目中有用到offsetTop属性配合iscroll插件来进行下拉加载的一个效果，经过测试，在其他浏览器都是OK的，但是在iPhone的safari上页面刚加载完以后，滚动部分会有被遮挡一部分，后来发现是因为获取到的offsetTop值在刚开始进来的时候，并不是0，而是120px，这个刚好是节点元素到页面顶部的距离，所以猜测这里应该是offsetparent...
js中的offsetleft和offsettop
06-01
在JavaScript中，`offsetLeft`和`offsetTop`是用来获取元素相对于其父元素的左偏移量和上偏移量的属性。 `offsetLeft`表示元素的左边框相对于其父元素的左边框的距离，而`offsetTop`表示元素的上边框相对于其父元素...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值