Question

我正在建立一个Messenger网站，并希望当刷新页面时聊天自动滚动到聊天源（最新消息）的底部。我对jQuery非常陌生，经过一番搜索后，我可以使用animate()来使用它了。例如，在表单提交后重新加载页面时，页面第一次加载时会产生太大震动，这非常好。

有没有办法在不设置动画的情况下自动滚动到容器的底部？

// When page loads
$(document).ready(function(){
    // Load chat. ALSO the chat has to be hard coded in here.
    $('#MessagesContainer').load('/php/chat_ref.php');

    // Scroll to the bottom of the page. ALSO ".height()+500" was a bit of a bodge.
    $("#MessagesContainer").animate({ scrollTop:$('#MessagesContainer').height()+500}, 100);
    return false;
});

// Every 2 seconds.
var auto_refresh = setInterval(function(){
    // Reload the chat.
    $('#MessagesContainer').load('/php/chat_ref.php'); 
    return false;
}, 2000);

Answer 1

如何使用scrollTop代替动画？

$("#MessagesContainer").scrollTop($("#MessagesContainer").height());

使用jQuery滚动而不使用animate（）

1 个答案: