Jquery检测div滚动条滚动到顶部

Question

var Height = 600;

    $('#message_container').scroll(function(){
        if ($('#message_container').scrollTop() > Height){
            alert('up');

        }else{
            alert('down');
        }
    });

我有div overflow-y:auto ，它每次都会获取10条消息。

我尝试使用jquery向上滚动来获取更多消息。

div高度为600px; 我正在测试， 即使我向上滚动它也会保持警惕 ，任何人都知道为什么？

这是小提琴http://jsfiddle.net/asEmz/

Answer 1

来自JQuery

垂直滚动位置与可滚动区域上方的视图中隐藏的像素数相同。 如果滚动条位于最顶部，或者元素不可滚动，则此数字将为0

所以用0 演示测试

$(document).ready(function(){           
    $("#message_container").scrollTop($("#message_container")[0].scrollHeight);

    var Height = 600;

    $('#message_container').scroll(function(){
        if ($('#message_container').scrollTop() == 0){
            $('#status').html('up');
            //alert('up');

        }else{
            $('#status').html('down');
            //alert('down');
        }
    });

});

Answer 2

$(document).ready(function(){           
$("#message_container").scrollTop($("#message_container")[0].scrollHeight);

var Height = 60;

$('#message_container').scroll(function(){
    if ($('#message_container').scrollTop() < Height){
        alert('up');

    }else{
        alert('down');
    }
});

});