<script>
$(document).ready(function(){
$(document).scroll(function(){
alert($('#d2').offset().top-$(document).scrollTop());
});
});
</script>
上面代码中的alert出现了两次,而且结果还不一样,如下图
这是为什么?第二张图的结果是我需要得到的结果,但是第一次出现的是什么?怎么可以解决。
完整代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
body{height:5000px;}
#d1{background:#123;height:500px;}
#d1{background:#321;height:50px;}
</style>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.12.4/jquery-1.12.4.min.js"></script>
</head>
<body>
<div id="d1"></div>
<div id="d2"></div>
<script>
$(document).ready(function(){
$(document).scroll(function(){
alert($('#d2').offset().top-$(document).scrollTop());
});
});
</script>
</body>
</html>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…