offsetParent的兼容问题！

最新推荐文章于 2020-02-26 15:49:36 发布
最新推荐文章于 2020-02-26 15:49:36 发布
阅读量406 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/hejia/archive/2013/03/10/2952409.html
版权

IE6 IE7 IE8(Q) 在某些情况下 DOM 元素的 offsetTop、offsetLeft 的返回值参照元素以及 offsetParent
为距离其最近的触发了 hasLayout 的祖先级元素

http://w3help.org/zh-cn/causes/SD9018#impacted_browsers

转载于:https://www.cnblogs.com/hejia/archive/2013/03/10/2952409.html

weixin_34313182
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js中offsetParent，offsetLeft的兼容问题
道路是曲折的，前途是光明的
08-11 2873
一、offsetParent 先简单的来个结构,三个嵌套的div，主要是找div3的offsetParent<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * {margin: 0;paddin
JS之clientWidth、offsetWidth、scrollHeight的总结及兼容性
每文的博客
09-09 543
clientWidth、clientHeight获取元素的可见宽度和高度，不带px，返回的是一个数字，可以直接进行计算。（包括内容区和内边距padding只读不可修改） offsetWidth、offsetHeight获取元素的整个宽度和高度包括内容区，内边距和边框。 offsetParent可以用来获取当前元素的定位父元素，最近的开启了定位的元素，如果所有的父元素都没开启，则返回body。 ...
js中offsetParent详解
热门推荐
QMM的专栏
06-03 2万+
1. offsetParent定义：那么offsetParent就是距离该子元素最近的进行过定位的父元素（position：absolute  relative fixed），如果其父元素中不存在定位则offsetParent为：body元     素 2. 根据定义分别存在以下几种情况 【1】元素自身有fixed定位，父元素不存在定位，则offsetParent的结果为null（firefo
JS OffsetParent属性详解
神经网络爱好者
10-05 1279
JS OffsetParent属性在WEB开发过程中迟早会用到，下面17javascript跟大家距离说明一下这个属性的主要用途。    offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标
offsetleft、offsetTop、offsetParent的兼容性问题
weixin_30336061的博客
03-11 280
先来看看offsetParent返回的是什么值 ele.offsetParent返回的是ele元素最近的并且是定位过(relative,absolute)的父元素，如果没有父元素或者是父元素中没有一个是定位过的，返回值就是body元素 ele.offsetLeft和ele.offsetTop取值问题，分多种情况： 如果ele是body的直接子元素，返回值则是ele距离body...
常见js兼容性问题整理
weixin_43269800的博客
02-26 574
1、ev = ev || event; 2、offsetParent offsetParent的作用： offsetLeft 和 offsetTop 是参照于offsetParent的内边距边界的； Dom里所有的元素都是有offsetLeft 和 offsetTop的 parentNode和offsetParent的区别： parentNode：直接父级 offsetParent：类似于css...
offsetParent 算法分析
09-05
总结起来，尽管`offsetParent`在不同浏览器和版本间存在一致性问题，但在一种常见的布局场景中，即外层元素的`position`计算值为`relative`或`absolute`，内层元素的`offsetParent`总是指向外层元素。这是一个相对...
JS OffsetParent属性深入解析
10-26
`JS`中的`OffsetParent`属性是一个非常重要的布局相关属性，它用于获取元素相对于其最近的已定位...了解`offsetParent`的工作原理，可以帮助开发者更好地处理复杂的页面布局问题，确保在不同浏览器上的兼容性和一致性。
js相关问题.
06-03
JavaScript是Web开发中不可或缺的一部分，它提供了丰富的功能来操作网页元素和用户交互。... 首先，我们来看看几个关于元素...在实际开发中，需要注意浏览器兼容性问题，以便确保代码能在不同的浏览器环境中正常工作。
IE6不兼容position:fixed属性的解决办法分享
09-25
为了解决这个问题，开发者通常需要采用一些兼容性处理方法。 IE6 不支持 `position: fixed` 的主要原因是其渲染引擎的限制。IE6 使用的布局模型称为“Quirks Mode”，在这个模式下，许多现代 CSS 特性得不到正确...
javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox] 原创
12-02
兼容性问题常常是开发者面临的一大挑战，因为不同的浏览器（如IE和Firefox）对某些API的实现有所不同。本文将详细介绍如何在JavaScript中解决这个问题，以及在不同浏览器间实现兼容性。 首先，让我们明确一个基本...
parentNode和offsetParent的使用
我的IP在路上
04-30 3334
parentNode和offsetParent的使用
前端攻城狮学习笔记九：让你彻底弄清offset
weixin_30521649的博客
09-03 959
　　很多初学者对于JavaScript中的offset、scroll、client一直弄不明白，虽然网上到处都可以看一张图（图1），但这张图太多太杂，并且由于浏览器差异性，图示也不完全正确。 图一 　　不知道大家看到这张图的第一感觉如何，反正我的感觉就是“这次第，怎一个乱字了得”。 　　既然我认为上图太多太乱，那么我就把offset、scroll、client分开说，希望能让大家彻底弄清...
JS OffsetParent属性
迟到的程序猿
11-26 1362
  offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素；在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 "none"时（译
js原生offsetParent解析
懒虫一个V
07-20 1万+
offsetParent是个只读属性，返回最近显示指定位置的容器元素的引用。如果元素没有指定位置，最近的元素或者根元素（标准模式下是html，怪异模式下是body）就是offsetParent。当元素的style.display='none'时，offsetParent返回null。由于offsetTop和offsetLeft是相对于页边距，因此offsetParent是非常有用的。     
offsetParent
最新发布
05-10
`offsetParent` 是一个只读属性，返回元素的最近的已定位（`position` 不为 `static`）祖先元素。如果没有已定位的祖先元素，则 `offsetParent` 为 `body` 元素。 `offsetParent` 属性常用于计算元素的绝对位置，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值