javascript - 自动将内容滚动到底部在 Chrome 中有效,但在 Safari 中无效

标签 javascript html css safari autoscroll

我正在制作一个聊天界面,因此当人们聊天并且页面被填满时,它需要自动向下滚动以显示最新消息,而无需用户手动向下滚动。它适用于 Chrome,但不适用于 Safari。这是不起作用的特定行

    document.getElementById('chatbox').scrollTop = Number.MAX_SAFE_INTEGER;

如果 div ID 是“聊天框”,我需要在这一行的位置放置什么才能使其在 Safari 中工作?另外,要澄清的是,尽管它称为“scrolltop”,但它会滚动到底部(这是我想要的),但仅限于 chrome。

最佳答案

Safari 不喜欢“Number.MAX_SAFE_INTEGER;”。替换为实际整数(即 1000000)并自动滚动。

关于javascript - 自动将内容滚动到底部在 Chrome 中有效,但在 Safari 中无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49481546/

相关文章:

css - Ionic 2 - 卡内的 ionic 输入失去轮廓

c# - 如何使div整个页面宽度并将其他元素向下移动?

css - 从博客页面/文件链接回来

javascript - Bootstrap 移动下拉菜单

html - 为什么我的标题没有显示?

html - 响应式菜单错误

javascript - HTML Img 加载失败

javascript - 使文本框在 tr(row) 单击时可见,并在 DIV 中单击按钮时打印相同的数据

javascript - 如何在 IE6 中处理带有数千个复选框的页面上的 JavaScript

javascript - 如何正确更新 react 中的状态