聊天bottomjava autoscoll-仅在用户位于聊天底部上方时滚动

时间:2019-03-13 19:04:22

标签: javascript reactjs

我正在处理聊天应用程序。

仅当用户位于聊天底部上方时,我才会使用户滚动到我的聊天底部。

因此,如果应用程序位于底部,应用程序会流畅地将其置于底部,如果他想查看旧消息,则可以轻松向上滚动,而不必立即回到底部。

在组织方面,我有一个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的总高度进行比较,如果后者比前者高,那么我将滚动至底部,

如何调整行为使其符合我的预期结果?

任何提示都会很棒, 谢谢

0 个答案:

没有答案