jQuery如何获取html元素相对浏览器窗口的偏移?
推荐于2016-09-30 · 知道合伙人互联网行家
jquery代码如下:$("div").scrollTop()
scrollTop()方法介绍:
scrollTop()方法用于返回或设置匹配元素的滚动条的垂直位置。
小案例:
<!doctype html>
<html ng-app>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<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>
案例截图:
我要获得位置的是个链接,在mouseover的函数里获取当前偏移位置,用scrollTop()获得的一直是0,这是怎么回事?
<html>
<div>你的弹窗</div>
</html>
弹窗直接放html下面