`
jamm19860411
  • 浏览: 86578 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

获取position:absolute相对于document的位置

js 
阅读更多
  function  getPosition(e) {
   var  left  =   0 ;
   var  top   =   0 ;

   while  (e.offsetParent){
    left  +=  e.offsetLeft;
    top  +=  e.offsetTop;
    e  =  e.offsetParent;
  }

  left  +=  e.offsetLeft;
  top  +=  e.offsetTop;

   return {x:left, y:top} ;
}
分享到:
评论

相关推荐

    IE6下的纯CSS完美position:fixed实现

    例如,可以使用`top: expression(document.documentElement.scrollTop + 'px')`来动态更新元素的顶部位置,以保持其相对于视口的位置。 2. **负margin和绝对定位(absolute positioning)**:有时,可以通过结合使用...

    解决ie6的定位问题 position fiexed

    - `.fixed-top`、`.fixed-right`、`.fixed-bottom` 和 `.fixed-left` 类分别使用 `expression()` 来计算元素相对于视口的正确位置。 - `eval()` 函数用于计算滚动条的位置,从而确保元素能够随着页面滚动而移动。 ...

    position:fixed在ie6的使用

    在现代浏览器中,当一个元素的`position`属性被设置为`fixed`时,该元素会脱离文档流,相对于视口进行定位。这意味着无论用户如何滚动页面,这个元素都会保持在屏幕的某个固定位置。例如,一个`position:fixed`的...

    JS 滚动事件[removed]与position:fixed写兼容IE6的回到顶部组件

    这里的`expression`计算了当前元素应该相对于视口的顶部的位置,以模拟`position: fixed`的效果。`_margin-bottom`和`_margin-right`则是为了调整元素在IE6中的位置。 HTML结构也相当简单,主要包括一个位于页面...

    IE6 position:fixed bug (固定窗口方法)

    关键在于理解`position:fixed`在IE6中的表现:固定元素的位置是相对于HTML元素,而不是相对于可视窗口。因此,当HTML元素的定位不是默认的静态定位(static)时,`position:fixed`可能不会按预期工作。 标签“IE6 ...

    css ie6 fiexd属性解决方法

    `属性允许元素相对于浏览器窗口进行定位,即使页面滚动,该元素的位置也保持不变。然而,IE6并不支持此属性,这使得开发者在设计固定导航栏、浮动广告等元素时遇到了难题。在IE6中,应用了`position: fixed;`的元素...

    IE6不支持position:fixed bug的完美解决

    在标准浏览器中,设置 `position:fixed` 可以使元素相对于浏览器窗口定位,但在 IE6 中,这个属性会失效,导致元素的行为更像是 `position:absolute`,即相对于最近的非 static 定位的祖先元素进行定位。 针对这个...

    Mozilla designMode and object with absolute position

    在CSS布局中,绝对定位允许开发者指定一个元素相对于最近的非静态定位祖先元素的位置,或者如果不存在这样的祖先,则相对于初始包含块(通常是视口)。使用`position: absolute;`可以脱离元素的正常文档流,使得其他...

    IE6支持position:fixed完美解决方法

    在Web开发中,`position:fixed`是一个非常有用的CSS属性,它允许元素相对于浏览器窗口定位,即使在滚动页面时,元素也会保持在屏幕的固定位置。然而,这个特性在Internet Explorer 6 (IE6)中并不原生支持,导致...

    javascript图片完全固定在左、右、上、下,兼容IE6

    - **`position: fixed`**:这是标准浏览器下的定位方式,可以使得元素相对于浏览器窗口固定位置。 - **`_position: absolute`**:这是 IE6/7 的专有写法,可以覆盖 `position: fixed` 的效果,从而实现类似的功能。 ...

    IE6中的position:fixed定位兼容性写法分享

    在网页设计中,`position:fixed` 是一个 CSS 属性,用于设置元素的定位方式,使其相对于浏览器窗口保持固定,即使在滚动时也不会移动。然而,这个特性在 Internet Explorer 6 (IE6) 中存在一些兼容性问题。由于 IE6 ...

    HTML IE6 纯CSS 解决 position fixed 的问题

    `是一个非常有用的CSS属性,它可以使元素相对于浏览器窗口保持固定位置,无论滚动条如何滚动,该元素都会停留在屏幕的特定位置。然而,在Internet Explorer 6 (IE6)这个古老的浏览器中,`position: fixed;`并不完全...

    手机浏览器不支持position: fix的解决方法

    在网页设计中,`position: fixed` 是一个非常重要的CSS属性,它允许元素相对于浏览器窗口进行定位,即使在页面滚动时也能保持其位置不变。然而,这个特性在一些手机浏览器中并不完全支持,特别是在早期的或者某些...

    JavaScript和jQuery获取input框的绝对位置

    然而,`getBoundingClientRect()`返回的是相对于视口的位置,如果需要相对于文档的位置,还需要加上滚动条的距离。可以使用`window.pageYOffset`和`window.pageXOffset`来获取这些值: ```javascript var scrollTop...

    详解IE6中的position:fixed问题与随滚动条滚动的效果

    配合一个javascript表达式,通过计算确保元素相对于视窗的位置保持不变。 在解决IE6中position: fixed的问题时,文章中提到了几个关键点: 1. 使用_position: absolute; 来确保在IE6中元素仍然按照绝对定位进行...

    js中获取相对位置

    在Web开发中,我们经常需要获取页面中某个元素相对于浏览器窗口的位置,例如在设计响应式布局、实现动态效果时。本文将详细介绍如何利用JavaScript来实现这一功能。 #### 标题:“js中获取相对位置” #### 描述:...

    ie6下实现position:fixed效果实例介绍

    `position:fixed`允许元素相对于浏览器窗口进行定位,即使页面滚动,该元素仍然保持在屏幕的固定位置。这对于创建如固定顶部导航、侧边栏等效果非常有用。然而,在IE6中,我们需要借助一些技巧来模拟`position:fixed...

    js完美解决IE6不支持position:fixed的bug

    `position:fixed`是CSS中一个重要的属性,它允许元素相对于浏览器窗口定位,即使在滚动页面时也始终保持其位置。然而,IE6并不支持`position:fixed`,这给开发者带来了困扰。为了解决这个问题,我们需要采取一些特定...

    div随着滚动条滚动,但是到了顶部,便不随着滚动了

    3. **Absolute定位**:相对于最近的已定位祖先元素(指设置了`position`为`relative`、`absolute`或`fixed`的祖先元素)定位,若没有则相对于初始包含块定位。 4. **Fixed定位**:相对于浏览器窗口定位,即使页面被...

Global site tag (gtag.js) - Google Analytics