jsjquery获取某⼀元素到浏览器顶端的距离实现⽅法
如下所⽰：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body{
margin: 0;
padding: 0;
}
.
mdiv{
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div ></div>
<div class="banner"></div>
<script src="jquery.js"></script> //⾃⾏下载
<script>
//原⽣
//获取div距离顶部的距离
var mTop = ElementsByClassName('banner')[0].offsetTop;
jquery滚动条滚动到底部
//减去滚动条的⾼度
var sTop = document.body.scrollTop;
var result = mTop - sTop;
console.log(result);
//Jquery
mTop = $('.banner')[0].offsetTop;
sTop = $(window).scrollTop();
result = mTop - sTop;
console.log(result);
</script>
</body>
以上这篇js jquery 获取某⼀元素到浏览器顶端的距离实现⽅法就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。