1

div のスクロールが一番下に達するたびに別のイベントを発生させるにはどうすればよいですか。jscroll.comやinfinite-scrollは使いたくない。使用し$(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

これを試して：

<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 に答える
0

You can use something like this....

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