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

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

2018-12-20 00:27 7 18978 推荐指数:

查看详情

jsjq中常见的各种位置距离之offsetoffset()的区别(三)

offsetLeft:元素的边框的外边缘距离与已定位的父容器(offsetparent)的左边距离(不包括元素的边框和父容器的边框)。 offset().left:返回的是相对于当前文档的坐标,使用offset()方法不管该元素如何定位,也不管其父元素如何定位,都是获取的该元素相对于当前 ...

Fri Oct 21 05:38:00 CST 2016 0 2680
jsjq中常见的各种位置距离之offset()和position()的区别(二)

offset()返回的是相对于当前文档的坐标,position()返回的是相对于其定位的祖辈元素的坐标。 使用position()方法时事实上是把该元素当绝对定位来处理,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置。 使用position()方法时如果其所 ...

Fri Oct 21 05:34:00 CST 2016 0 3031
offsetTop 与style.top之间的区别

预备知识:offsetTop、offsetLeft、offsetWidth、offsetHeight 我们知道 offsetTop 可以获得 HTML 元素距离上方或外层元素的位置,style.top 也是可以的,二者的区别是: 一、offsetTop 返回的是数字,而 style.top ...

Thu Nov 29 19:44:00 CST 2012 1 4636
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM