我正在处理聊天应用程序。
仅当用户位于聊天底部上方时,我才会使用户滚动到我的聊天底部。
因此,如果应用程序位于底部,应用程序会流畅地将其置于底部,如果他想查看旧消息,则可以轻松向上滚动,而不必立即回到底部。
在组织方面,我有一个messageBoxConainer,其中包含一个messageBox,其中包含消息。
我曾经看过有关安德鲁·麦尔(Andrew Meal)的教程。我想知道如何重现这种效果。
这是我当前的失败代码:
if( (messageBox.childNodes[messageBox.childNodes.length-1].clientHeight
+
messageBox.scrollHeight) >
messageView.scrollHeight ){
console.log("scrollBottom true")
this.scrollBottom()
}
我将最后一个childNode的大小以及messageBox的总高度与我的messageBoxContainer的总高度进行比较,如果后者比前者高,那么我将滚动至底部,
如何调整行为使其符合我的预期结果?
任何提示都会很棒, 谢谢