怎么用 jQuery 判断 DIV 的垂直滚动条滚动到底部了？

如题。

解决方案 »

  1.   

    <html>
    <script src="jquery-1.4.2.min.js"></script>
    <script>
    $(document).ready(function (){
    $("#div1").scroll(function(){
    if($("#div1").height()==$("#div1").scrollTop())
    alert("滚动条到底了"); });
    });
    </script>
    <body>
    <div id="div1" style="overflow-y: auto;overflow-x: hidden; height:300px;">
    <div style="background-color:red; height:600px;">
    </div>
    </div>
    </body>
    </html>
      

  2.   

    应该是判断div的高度和滚动的高度是否相等
    就是楼上写的
      

  3.   

    2楼的：
    把你的代码中的语句
    <div id="div1" style="overflow-y: auto;overflow-x: hidden; height:300px;">
    中的 height:300px; 改成：
    height:500px;
    看一看代码能不能用了？？？你正好测试了一种特例，其实是错误的。
      

  4.   

    不好意思,写的时候没在意,改了下你看看
    <html>
    <script src="jquery-1.4.2.min.js"></script>
    <script>
    $(document).ready(function (){
        $("#div1").scroll(function(){$("#span1").html($("#div1").scrollTop())
            if($("#div1").height()+$("#div1").scrollTop()==$("#div2").height())
                alert("滚动条到底了");    });
    });
    </script>
    <body>
    <div id="div1" style="overflow-y: auto;overflow-x: hidden; height:500px;">
    <div id="div2" style="background-color:red; height:600px;">
    </div>
    </div>
    <span id="span1"><span>
    </body>
    </html>
      

  5.   

    正解：请看文章：jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部：
    http://blog.why100000.com/?p=843
      

  6.   

    在 chrome 浏览器下使用 margin-top  ，就会出现问题的
      

  7.   

    if ($(document).height() > $(window).height()) 
    {
        h = $(document).height() - $(window).height(); 
    } else {
        h = $(window).height() - $(document).height(); 
    }
    if($("#div").scrollTop == h){alert("滚动到底部了！");}