
jquery代码如下:$("div")scrollTop()
scrollTop()方法介绍:
scrollTop()方法用于返回或设置匹配元素的滚动条的垂直位置。
小案例:
<!doctype html>
<html ng-app>
<head>
<script src=">
<meta charset="utf-8">
<title>获取滚动条离顶部的高度</title>
<style type="text/css">
div{
width: 200px;
height: 200px;
overflow: scroll;
}
</style>
</head>
<body>
<div>
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
获取滚动条离顶部的高度<br />
</div>
<script type="text/javascript">
$(document)ready(function(){
$("btn")click(function(){
alert($("div")scrollTop());
});
});
</script>
<button class="btn">获得当前滚动条的偏移量</button>
</body>
</html>
案例截图:
<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
以上就是关于jQuery如何获取html元素相对浏览器窗口的偏移全部的内容,包括:jQuery如何获取html元素相对浏览器窗口的偏移、jquery如何获取某个元素距离它父级的偏移量啊、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)