1

每当 div 的滚动到达底部时，我如何触发另一个事件。我不想使用 jscroll.com 或无限滚动。使用$(window).bind("scroll", function (){}对我不起作用。请推荐！！

4

4 回答 4

1

试试这个：

$('#div').bind('scroll', function() {
     if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight)
     {
         alert('bottom');
     }
});
于 2013-10-22T07:33:15.043 回答
0

你可以使用这样的东西......

$("#mydiv").scroll( function() {
if($(this)[0].scrollHeight - $(this).scrollTop() == $(this).outerHeight()) {
// what you want to do ...
}
});
于 2013-10-22T07:33:23.590 回答
0

像这样的东西

$(window).scroll(function(){
    var window_height = $(window).height();
    var window_scroll = $(window).scrollTop();
    var document_height = $(document).height();

    if (window_height + window_scroll == document_height) {
       alert("bottom");
    } 
});

例子：

演示

于 2013-10-22T07:36:50.290 回答
0

试试这个：

<html>
<body>
<div style="width:100px; height:10000px;background-color:red;"></div>
</body>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
        $(function() {
            $(window).bind("scroll", function (){ 
                console.log("SCROLL : " + $(window).scrollTop() 
                    + " - " + $(window).innerHeight() 
                    + " - " + document.body.clientHeight);
                if ($(window).scrollTop() + document.body.clientHeight >= $(window).innerHeight()) {
                            alert('Bottom!');
                }
            });
        });
</script>
</html>

这适用于 chrome，您可能需要对其他浏览器使用其他命令。

于 2013-10-22T07:44:50.163 回答