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 demo

进行测试

$(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');
    }
});

});

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

2 个答案: