jquery如何获取某个元素距离它父级的偏移量啊

<ul style="position: relative"> <li></li>

  <li></li>

  <li id="flag"></li>

  <li></li>

</ul>

<script>

  $(function(){

      var flag=$("#flag");

    alert(flagposition()top);//距离UI的上边距 50

    alert(flagposition()top+flagheight());//得到75，需加上自身高度

  });

</script>

可以通过position方法获取。把你的父元素设置position

代码：

•$(function(){

•//获取要定位元素距离浏览器顶部的距离

•var navH = $("nav")offset()top;

•//滚动条事件

•$(window)scroll(function(){

•//获取滚动条的滑动距离

•var scroH = $(this)scrollTop();

•//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定

•if(scroH>=navH){

•$("nav")css({"position":"fixed","top":0});

•}else if(scroH<navH){

•$("nav")css({"position":"static"});

•}

•})

•})

给你个思路吧：

offset()top 悬浮窗在页面没滚动的时候与页面顶部的距离，这个距离只取了一次所以这个距离从开始就始终没变。

$(window)scrollTop() 是页面已经滚动的距离（是跟随你滚动不断变动的），就是你滚动条往下滚动的距离（页面可是区域顶端与原页面真实顶端的距离）

当页面滚动的时候触发函数$(window)scroll

然而悬浮窗又要保持页面打开时候的位置，那显然就是

悬浮窗原始与顶部距离+页面已经滚动过的距离；

呵呵，，不知道你会不会JQUERY，给你一个JQ的代码吧：

获取IMG绝对X,Y坐标，可以用offset()方法：

var X = $('#img1')offset()top;

var Y = $('#img1')offset()left;

获取相对(父元素)位置:

var X = $('#img1')position()top;

var Y = $('#img1')position()left;

JS就可以获取了，

documentgetElementById("DIV的ID或者其它选择")offsetTop;这是离顶部

JQ可以这样：

$("#aaa")offset()top; //jq获取aaa元素距离body的距离

documentgetelementbyid("ddhdh")innerHTML 可以获取到div中的全部数据，包括标签。。。但是只是在IE和OPERA中使用

documentgetelementbyid("ddhdh")innerTEXT 可以获取到div中的文本数据，不会获取到标签。。。但是只是在IE和OPERA中使用

documentgetElementById(“text”)textContent 用于在火狐中获取数据

indexof用法

strObjindexOf(subString，[ startIndex])

参数

strObj

必选项。String 对象或文字。

subString

必选项。要在 String 对象中查找的子字符串。

starIndex

可选项。该整数值指出在 String 对象内开始查找的索引。如果省略，则从字符串的开始处查找。

indexOf 方法返回一个整数值，指出 String 对象内子字符串的开始位置。如果没有找到子字符串，则返回 -1。

望采纳~

以上就是关于jquery如何获取某个元素距离它父级的偏移量啊全部的内容，包括:jquery如何获取某个元素距离它父级的偏移量啊、使用js或jq控制一个div，当滚动到页面顶部的时候固定在顶部，离开可继续滚动吗、jquery 拖动滚动条时悬浮条跟随滚动代码求网友指点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！