js滚动条 | phper `blog

js获取滚动条高度+滚动条到底部加载ajax下一页

By admin 2014年7月10日 Javascript

2323

这篇文件介绍了js滚动条的高度。代码如下:

<script type='text/javascript' src='jquery-1.8.3.js'></script>
<meta charset="UTF-8">
<script type="text/javascript">
  
      $(window).scroll(function(){
        var scrollTop = $(this).scrollTop();
        var scrollHeight = $(document).height();
        var windowHeight = $(this).height();
        if(scrollTop + windowHeight  == scrollHeight){
            alert("到底了!");}
      });
</script>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

$(window).scroll(function(){

var scrollTop = $(this).scrollTop();

var scrollHeight = $(document).height();

var windowHeight = $(this).height();

if(scrollTop + windowHeight == scrollHeight){

alert("到底了!");}

});

</script>

<br>