jquery 怎样获取元素相对父元素的偏移(距离)说明:父元素有滚动条的!

jquery 怎样获取元素相对父元素的偏移(距离)说明:父元素有滚动条的!,第1张

元素的顶部与父元素的顶部(实际的顶部,不是滚动后的顶部)的距离是 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滑动鼠标获取滚动条离顶端的距离等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9762938.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存