问答详情
源自:5-2 jquery滚动到底部和顶部加载

为什么在谷歌和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>



提问者:qq_零_137 2018-09-14 09:45

个回答

  • Sifon_
    2018-10-18 11:56:15

    测试了一下谷歌和IE都正常