javascript - jquery动画不动画

Question

我有一些 jquery 代码会每秒加载我网站的聊天框（因此，如果有任何新帖子到达，它们就会变得可见）

我的代码在这里

function loadLog(){     
    $.ajax({
        url: "/log.html",
        cache: false,
        success: function(html){        
            $("#chatbox").html(html); //Insert chat log into the #chatbox div           
            if($("#chatbox").attr("scrollHeight") + 20 > $("#chatbox").attr("scrollHeight") - 20){
                $("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
            }               
        },
    });
}

一切正常，除了它是为了自动滚动到聊天框的底部，这样你就可以看到最新的帖子，而不是停留在顶部。

我正在使用最新版本的 jQuery

Answer 1

没有这样的属性scrollHeight（它的属性）。如果您尝试这样的事情怎么办：

$box.animate({scrollTop: $box[0].scrollHeight}, 'normal');

http://jsfiddle.net/dfsq/zBdas/

另一个提示：确保缓存 DOM 查询$box = $("#chatbox")，不要一次又一次地重新选择元素。