滾動到頁面加載底部

我有以下代碼，它是我使用Firebase API進行的聊天顯示。問題是，當頁面加載時，我希望它直接將滾動條設置在底部。目前它有點緩慢地向底部滑動（因爲.animate）。即使將新內容添加到聊天中，我如何在重新加載頁面時始終將滾動條留在底部？滾動到頁面加載底部

$(document).ready(function() {  
    var myDataRef = new Firebase('https://ot7fwnsj7h7.firebaseio-demo.com/'); 
    myDataRef.on('child_added', function (snapshot) { 
     var message = snapshot.val(); 
     displayChatMessage(message.name, message.text); 
    }); 

    function displayChatMessage(name, text) { 
     $('<div/>').text(text).prepend($('<em/>').text(name + ': ')).appendTo($('#displayChat')); 
     // make text scroll everytime someone posts 
     $('#displayChat').animate({ 
      scrollTop: $("#displayChat")[0].scrollHeight 
     }, 'slow'); 
    }; 
});

這是我的小提琴：

http://jsfiddle.net/qxkr35pj/

我希望我已經清楚了！謝謝。

來源

2014-10-17 NotToBrag

如何添加'$（'＃displayChat'）。scrollTop（0）'？ – im1dermike 2014-10-17 19:58:34

這行代碼將元素滾動到其底部。每次更新視圖時調用它。

JSFiddle

$("#displayChat")[0].scrollTop = $("#displayChat")[0].scrollHeight

來源

2014-10-17 20:04:03

我想你想，這是什麼，而不是你的動畫代碼：

$('#displayChat').scrollTop($("#displayChat").height());

您也想使用，每一次被添加一個信息 - 它將滾動條放到div的底部。

來源

2014-10-17 20:06:56 DanH

滾動到頁面加載底部

回答

相關問題