向下滾動動畫js

Question

我在JS中建立了一種聊天方式，然後當我收到新消息時聊天會自動向下滾動（使用動畫...）。一切都很好，但動畫停止後，用戶無法自己滾動;聊天自動滾動到最後。

所以這是代碼：

<!-- language:lang-js --> 

var height = 1; 
window.setInterval(function() { 
    var elem = document.getElementById('chat'); 
    elem.scrollTop = height; 
    if (elem.scrollheight < height) { 
     clearInterval(this); 
    } 
    height += 2; 
}, 50); 

Answer 1

的clearInterval函數需要數字。使用它應該能夠正常工作。你也有很多語法錯誤。

var intervalReference = window.setInterval(function() { 
    var elem = document.getElementById('chat'); 
    elem.scrollTop = height; 
    if (elem.scrollHeight < height) { 
     clearInterval(intervalReference); 
    } 
    height += 2; 
}, 50); 

Answer 2

你應該做一個變種持有這樣的時間間隔：

var height = 1; 
var interval = window.setInterval(animate, 50); 

function animate() { 
    var elem = document.getElementById('chat'); 
    elem.scrollTop = height; 
    if (elem.scrollHeight < height) { 
     clearInterval(interval); 
    } 
    height += 2; 
} 

這應該做工精細