为什么在谷歌和IE浏览器打开页面是就立马跳出了alert语句，点击确定消失后，滚动轴只要发生滚动就会立马显示alert语句
<!DOCTYPE>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jquery实现的整个网页滚动到底部加载</title>
<link rel="stylesheet" href="css/index.css">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div style="height:3000px;width:100%;"></div>
</body>
<script type="text/javascript">
$(window).scroll(function(){
var ks_area=$(window).height(); //可视区域高度
var wholeHeight=$(document).height(); //整个页面的高度
var scrolltop=$(window).scrollTop();//卷上去的高度
if(ks_area+scrolltop>=wholeHeight){
alert("我已经滚到底啦");
}
if(scrolltop==0){
alert("我已经滚到顶啦");
}
})
</script>
<script src="js/index.js"></script>
</html>
