关于jquery.scrollTop()和Dom的offsetTop

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于jquery.scrollTop()和Dom的offsetTop相关的知识,希望对你有一定的参考价值。

scrollTop()函数用于设置或返回当前匹配元素相对于垂直滚动条顶部的偏移

小例子:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div.d1{
height: 900px;
background: #456;
}
</style>
</head>
<body>
<div class="d1">156</div>
<script src="jquery.min.js"></script>
<script>
$(document).scroll(function(){
console.log($(document).scrollTop());
})
</script>
</body>
</html>

ele.offsetTop:ele到父容器顶部的距离

以上是关于关于jquery.scrollTop()和Dom的offsetTop的主要内容,如果未能解决你的问题,请参考以下文章

jQuery-jquery scrollTop怎么解决所有浏览器兼容问题

jQuery scrollTop 直到滚动后才更新

jQuery scrollTop( ) 方法

jQuery ScrollTop:每个动画都需要在跳转到下一个之前完成

jQuery scrollTop 在 Chrome 中不工作但在 Firefox 中工作

单击时容器中的 jQuery scrollTop 只能工作一次