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>
案例截图:
$('h2#answers-title')offset()top-$(document)scrollTop();
$('h2#answers-title')offset()top h2#answers-title元素相对于document的垂直位置
$(document)scrollTop() 整个文档被上卷的高度
2者差就是$('h2#answers-title')相对于当前浏览器视图窗口的垂直位置
以上就是关于jQuery如何获取html元素相对浏览器窗口的偏移全部的内容,包括:jQuery如何获取html元素相对浏览器窗口的偏移、jQuery中获取元素到页面可视区顶端距离有什么方法、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)