jquery的offset().top与javascript的offsetTop区别？

最新推荐文章于 2021-12-14 16:16:54 发布

weixin_30731287

最新推荐文章于 2021-12-14 16:16:54 发布

阅读量182

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sjzgk/p/11365200.html

版权

offset().top是jquery的方法，需引入jquery，它获取你绑定元素上边框相对于html上边界的偏移量

offsetTop是原生js的方法，它获取你绑定元素上边框相对于离自己最近且position属性为非static的祖先元素的偏移量

区别一：offset（）.top与offsetTop偏移量参照对象不同，offset().top始终是html，而offsetTop相对于其祖先position 的

转载于:https://www.cnblogs.com/sjzgk/p/11365200.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30731287

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

jquery的offset().top 和position().top 详解和如何用js实现

annuobin1120的博客

12-20

534

1 jquery定义：　　offset().top 相对于当前文档的坐标（的高度）　　　　　　　　　　　ps:包括滚动条卷去的高度　　position().top 返回的是相对于其定位的祖辈元素的坐标（的高度）　　　　　　　　　　　　ps:包括滚动条卷去的高度一图胜千言！统一前提绿色容器 margin-top: 10px 　　每一个红色...

Jquery中用offset（）.top和offsetTop的比较

weixin_34409357的博客

04-30

1560

今天，想测试一个div与顶部的距离，用的是.offsetTop，但是offsetTop获得的值，怎么都打印不出来。折腾了半天，打印的结果都是undefined，虽然网上很多资料都说返回的是数值。虽然这个函数永不了，但是黄显钦找到了一个可以替代offsetTop的函数。那就是jquery的offset().top 我们先来了解一下，什么是offset（）.top和offsetTop？ ...

参与评论您还未登录，请先登录后发表或查看评论

jQuery的offset().top与JS的offsetTop的区别

weixin_40758850的博客

05-13

1854

这是我在做播放器的水平方向和竖直方向的拖拽进度条遇到的问题。一开始我老想着这两个方法的效果应该是一样的，结果就被它搞了很久很久。后来我发现这两者的区别其实就是对象的作用域不同（不知道这么说行不行）这里我就拿offsetTop举例子 jQuery的offset().top 它获取的值==你获取的元素的上边框距离可视区域的顶部的值 JS的offsetTop 它获取的值==你获取的元素的上边框距离与它...

offsetTop与offset().top

Vivian_shuang的博客

07-22

574

DOCTYPE html> html> head> meta charset="UTF-8"> title>title> style type="text/css"> .wrap{ width: 200px; height: 200px; border: 1px solid deepskyblue; background-color: blanchedalmond;

Jquery 中 offset() 方法

10-07

1879

一、语法 1、返回偏移坐标 $(selector).offset(); top: $(selector).offset().top; left: $(selector).offset().left; 2、设置偏移坐标： $(selector).offset({top:val

js实现jquery的offset()方法实例

10-24

总之，虽然原生JavaScript没有直接提供与jQuery offset()等价的函数，但通过上述的getOffset()函数，我们可以比较容易地模拟出相同的功能。这对于不使用jQuery或在某些特殊情况下，需要精确控制元素位置的应用场景...

jquery offset函数应用实例

10-27

`jQuery` 的 `offset()` 函数是一个非常实用的工具，用于获取或设置元素相对于文档的坐标。在描述中提到的场景中，它被用来解决一个常见的UI问题：当用户点击一个按钮后，需要在按钮下方显示一个 `div`，确保无论...

基于JQuery和原生JavaScript实现网页定位导航特效

10-20

if (target.offset().top - 50 <= scrollTop && scrollTop <= target.offset().top + target.height() + 50) { $(this).addClass('current'); return false; // 停止遍历 } }); }); }); ``` ### 原生...

jquery 设置元素相对于另一个元素的top值(实例代码)

12-01

除了使用 jQuery 的 `.offset().top` 方法，还可以通过 JavaScript 的原生方法来获取元素的绝对位置。例如，`getBoundingClientRect()` 返回元素的大小及其相对于视口的位置。或者如描述中的示例，使用循环遍历所有...

jQuery鼠标滚轮滑动到页面节点部分.zip

最新发布

11-22

在前端开发中，jQuery库为JavaScript提供了一种更简洁、更易于操作的API，使得处理DOM操作、事件处理以及动画效果变得更为简单。本压缩包文件"jQuery鼠标滚轮滑动到页面节点部分.zip"主要关注的是如何利用jQuery来...

【小5聊】jquery基础之offset和position的top、left值

小5聊的博客

12-14

1735

假如有这么一个需求，当打开下拉ul列表，列表值能够滚动到指定li中显示 1、offset() offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。该方法返回的对象包含两个整型属性：top 和 left，以像素计。 2、position() position() 方法返回匹配元素相对于父元素的位置（偏移）。该方法返回的对象包含两个整型属性：top 和 left，以像素计。 3、由以上概念可知，获取li在ul中的top偏移值，需要使用position() 4、由以..

JQ的offset().top与js的offsetTop区别详解

weixin_30731305的博客

12-20

999

一、前言最近在做一个图片懒加载的插件，就纵轴(Y轴)而言，我需要时时获取图片的上偏移量，好判断是否已进入视图区域，而我所理解的是offsetTop应该是跟offset().top一样的，然后陷入了因为不了解它们区别，而带来BUG的死坑。这里通过实验整理，做个清晰好懂的笔记，如果你也想弄清，建议复制我的代码跟着操作，印象会更为深刻。二、offset().top与offsetTop什么意思？它...

jquery.offset()使用方法总结

极客神殿

08-10

2488

jquery.offset()应用背景很多时候需要对某个div进行定位，或者获取某个元素相对于document的位置，那么我们会用到jquery.offset()。获得元素相对于document的位置获得位置是元素相对于document的位置信息，通常可以说是这个元素的坐标值。// 元素相对于document的左位移 $("#haorooms-id").offset().left // 元素相对于d

涉及到滚动条的定位问题，主要是Jquery 中 offset() 方法

dxj124的博客

11-08

1416

效果是：一进来页面，传入某个li的id，通过这个id来让滚动条定位到这个位置，如果不传直接返回，传入的话，通过 $(selector).offset().top;的方法，获得偏移值，然后让外层的ul做一个动画效果去移动// 实现滚动条的定位 Base.ScrollToRead = function(sid) { //当使用滚动条，并默认读消息被隐藏时，触发滚动条滚动 if (

JQuery position().top和offset().top的区别

椒盐薄荷糖

05-18

8409

Position():获取匹配元素集合中第一个元素的当前坐标。相对于偏移父元素。相对于offset parent的当前坐标值Offset():获取第一个元素的当前坐标，或者将每个元素的坐标设置为相对于文档的匹配元素集合。相对于偏移document。应用实例:点击edit，在下方添加一个编辑框，实现修改地址功能。每次都自动定位到当前正在编辑的按钮坐标。如图：代码实现：/** * Add Addre...

jQuery offset( ) 方法

m0_57835615的博客

06-13

2965

通过jQuery 的offset( )方法，我们可以设置或者获取被选元素相对于文档的位置。当我们获取被选元素的位置时，只会返回匹配到的第一个元素的（1）语法格式：

jquery offset positon 获取div坐标位置不准的解决方法

hanxue_tyc的博客

07-12

2195

jquery可以非常方便获取div及其它元素在页面中的坐标位置，但是当页面中图片的时候这时候获取的位置通常会出现不准确的问题。不管用offset还是用position 获取到的坐标位置都不准确，最终还是万能的谷歌帮我解决了问题。原因就在于我使用的是 $(document).ready方法不能保证页面全部渲染完了，图片和div等可能都还未渲染，所以导致获取的坐标有误差。解决方法：改$(documen...

Jquery中offset()使用注意事项

ChasingDream

12-01

7365

Jquery中offset()使用中，常用的方法有： $(selector).offset(); top: $(selector).offset().top; left: $(selector).offset().left; $(selector).offset({top:value,left:value});