<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body{
margin: 0;
padding: 0;
}
mdiv{
width: 100px;
height: 100px;
background-color: #097df3;
}
</style>
</head>
<body>
<div style="height: 1000px"></div>
<div class="mdiv"></div>
<script src="jquery-211minjs"></script>
<script>
//原生
//获取div距离顶部的距离
var mTop = documentgetElementsByClassName('mdiv')[0]offsetTop;
//减去滚动条的高度
var sTop = documentbodyscrollTop;
var result = mTop - sTop;
consolelog(result);
//Jquery
mTop = $('mdiv')[0]offsetTop;
sTop = $(window)scrollTop();
result = mTop - sTop;
consolelog(result);
</script>
以上就是关于如何从网页代码中看出一个元素到浏览器顶端的距离全部的内容，包括:如何从网页代码中看出一个元素到浏览器顶端的距离、、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）