元素的顶部与父元素的顶部(实际的顶部,不是滚动后的顶部)的距离是 offsetTop,而父元素滚动后的顶部与实际顶部的距离是 scrollTop,所以只要 元素offsetTop-父元素scrollTop,就是元素与父元素滚动后实际可见的那个顶部的距离
你这个肯定不行啊,你在页面加载完成后就立即进行了判断,这个时候滚动条距离顶部为0。
根本原因是你没有绑定滚动条的滚动事件。
//绑定滚动事件$(document)scroll(function(){
//todo code
});
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8 />
<title>testjQuery</title>
<style>
body{
height: 1111px;
}
</style>
<script src="jquery-180minjs"></script>
<script>
$(window)scroll(function ()
{
var st = $(this)scrollTop();
consolelog(st);
});
</script>
</head>
<body>
<textarea id="area">11</textarea>
</body>
</html>
以上就是关于jquery 怎样获取元素相对父元素的偏移(距离)说明:父元素有滚动条的!全部的内容,包括:jquery 怎样获取元素相对父元素的偏移(距离)说明:父元素有滚动条的!、jquery判断滚动条与头部距离、jquery滑动鼠标获取滚动条离顶端的距离等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)