我有一个div,当用户从窗体发送数据时动态填充,它类似于聊天框。用户结束消息并且该消息在div内显示。现在这个div有一个滚动条,应该停留在底部,但如果用户滚动,那么它应该保持在用户保留的位置无法移动div内的滚动条
问题是,虽然滚动条停留在底部,但是当用户将其拉起来,然后将其拉到底部,并且用户不能使用它滚动。
为格码
var youInterval;
function startInterval() {
youInterval = setInterval(function() {
var elem = document.getElementById('scrollbody');
elem.scrollTop = elem.scrollHeight;
}, 500);
}
document.addEventListener('scroll', function(event) {
if (event.target.id === 'scrollBottom') {
clearInterval(youInterval);
}
}, true);
startInterval();
.chatbox__body {
overflow-y: auto;
}
<div class="chatbox__body" id="scrollbody"></div>
谁能请帮助我的问题
在您的滚动事件侦听器中,您使用Id scrollBottom检查目标,它应该是滚动体。 –