$("选择器")offset() //该方法返回当前选择元素的第一个元素左上角(包括边框)距离整个页面顶部和左边的距离,返回值为{left:x, top:y} 例:$("div")offset()top;得到该元素在距离页面顶部的距离
$("选择器")offsetParent() //该方法与offset返回值类型相同,只不过此方法返回的是该元素距离父元素的top和left
jquery:
var hei=$('div')height(); //先获取这个DIV的高度
$('div')scrollTop(hei); //然后设置滚动条滚动的高度
元素的顶部与父元素的顶部（实际的顶部，不是滚动后的顶部）的距离是 offsetTop，而父元素滚动后的顶部与实际顶部的距离是 scrollTop，所以只要 元素offsetTop-父元素scrollTop，就是元素与父元素滚动后实际可见的那个顶部的距离
1$(window)height();//是文档窗口高度；
2$("div")offset()top//是标签距离顶部高度（没有到下面的距离，比如$("div")offset()down）；
3$("div")offset()left//是标签距离右边高度（没有到下面的距离，比如$("div")offset()right）；
4$(document)scrollTop();//是滚动条高度；
5$("div")height();//是标签高度。
1jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
2jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件
可以使用offset() 方法，该方法返回或设置匹配元素相对于文档的偏移（位置），该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。
1、使用offset() 方法获取一个元素距离浏览器的顶部和左边的可视距离，代码如下：
<html><head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("button")click(function(){
x=$("p")offset();
$("#span1")text(xleft);
$("#span2")text(xtop);
});
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>
2、运行的结果如下：
使用JQuery 获取div距离顶部的距离: $("div")offset()top
创建滚动条监听事件，
$(window)scroll(function(e){//滚动距离
$(window)scrollTop();
});
滚动距离 到达 div的距离时，触发事件
移动端盒子距离顶部的距离35PX。
前面有位兄台说用padding-top，这个可能跟楼主的问题未必合适，padding-top:35px是指容器内的内容距离该DIV的顶部距离35PX，是包含在该DIV内的。
div向右偏移一定距离，可采用margin外边距实现、也可以使用padding来实现，这就要看不同情况下如何灵活选择了。这里thinkcss为大家介绍各种css布局div向右移方法。
宽度：
定位了的要素在页面上显示时仍然会从左到右一直显示。利用宽度属性就可以设定字符向右流动的限制，即设定要素的宽度。
浏览器接到这项规则时，它将文字按照规则规定的效果显示，还将段落的最大水平尺寸限制在150像素。
宽度属性只适用于绝对定位的要素。你可以使用我们学过的任何一种长度单位，或使用比例值设定宽度，比例值指相对于母体要素的比例。IE 4中，这项属性还可用于图像。你可以通过宽度设置人为地拉宽或压缩图像。
您好：鼠标距离div上边的距离距=鼠标所在位置距离浏览器上边的距离-div上边离浏览器上边的距离。div离浏览器的的距离可以用js中的offsetTop方法获得。鼠标所在位置可以用js中的clientY来获得。这样相减后就是鼠标离div上边的距离。
以上就是关于js或jquery怎样获取htm中div控件相对于页面的left和top值解决方全部的内容，包括:js或jquery怎样获取htm中div控件相对于页面的left和top值解决方、js 或jquery 怎么获取div的scrollHeight、jquery 怎样获取元素相对父元素的偏移(距离)说明：父元素有滚动条的！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）