AutoScrolling in javascript div

Question

Когда я использую указанную выше функцию в javascript div для автоматической прокрутки в поле чата , но я не могу прокручивать изображение донизу.

window.setInterval(function() { 
var elem = document.getElementById('chatlog'); 
elem.scrollTop = elem.scrollHeight; 
}, 10); 

Чатлог - это div в моем коде, и я поставил выше функцию для прокрутки ответов. Теперь я не могу прокручивать вверх.

Answer 1

Это логическая ошибка. В вашем коде каждые 10 мс ваш скрипт будет прокручивать div вниз. Существует множество вариантов реализации поведения автопрокрутки. Один из них использует флаг, который будет установлен checkBox (autoscroll). Если checkBox выбран, сценарий будет прокручиваться вниз, если не выбранный скрипт ничего не сделает.

Что-то вроде:

window.setInterval(function() { 
if (needAutoScroll) { 
    var elem = document.getElementById('chatlog'); 
    elem.scrollTop = elem.scrollHeight; 
} 
}, 10); 

Answer 2

Моя догадка, так как она прокручивается вниз к нижней части DIV каждый второй, вы не можете прокручивать вверх. Поэтому при прокрутке вверх вы должны очистить функцию setInterval.

Вы можете попробовать это у вас chatlog div.

<div id="chatlog" onscroll="myStopFunction()">

function myStopFunction() { 

if document.body.scrollTop <= 0 { 
console.log("scrolling down") 
} else { 
console.log("scrolling up"); 
clearInterval(myVar); 
} 

} 

Снова на прокрутки вниз вы можете вызвать функцию setInterval.