0

我使用 jquery 创建了一个动态 div，并希望 div 的滚动条在页面加载时从屏幕底部开始，然后每当有新信息出现时，它就会自动下降。我的代码似乎在 Firefox 和 Internet Explorer 上运行良好，但不是 chrome，我不太确定为什么。

$(function(){
    $("#divID").scrollTop($("#divID")[0].scrollHeight);

    $("#divID").scroll(function(){
        if($(this)[0].scrollHeight - $(this).scrollTop() === $(this).outerHeight())
        {
            //added alert here because i know the scrolling down code works...
            alert(1);
        }
    });​
}

我到处寻找并尝试了许多不同的方法来向下滚动条但无济于事，chrome似乎不希望它起作用。

我将不胜感激有关如何解决此问题的任何建议。

编辑：这是一个演示 Demo

再次编辑：对不起，我不擅长解释自己，尽我所能，屏幕加载时必须出现消息框。

4

1 回答 1

0

您的事件没有触发，因为您在最初滚动之后才设置事件侦听器，请尝试以下代码：

演示：http: //jsfiddle.net/SO_AMK/watWg/

jQuery：

$("#divID").scroll(function(){
    if($(this)[0].scrollHeight - $(this).scrollTop() == $(this).outerHeight())
    {
        alert(1);
    }
}).scrollTop($("#divID")[0].scrollHeight);​

或者，如果您愿意，您可以使用纯 JavaScript：http: //jsfiddle.net/SO_AMK/eJCnU/

于 2012-10-18T19:47:58.180 回答