【发布时间】:2018-03-25 22:14:41
【问题描述】:
我正在制作一个聊天界面,因此当人们聊天并且页面被填满时,它需要自动向下滚动以显示最新消息,而无需用户手动向下滚动。它适用于 Chrome,但不适用于 Safari。这是不工作的特定行
document.getElementById('chatbox').scrollTop = Number.MAX_SAFE_INTEGER;
如果 div ID 是“chatbox”,我需要在该行的位置放置什么才能使其在 Safari 中工作?另外,澄清一下,尽管它被称为“scrolltop”,但它会滚动到底部(这是我想要的),但仅限于 chrome。
【问题讨论】:
-
为什么不使用
scroll-y或overflow-y到auto? -
我是编码新手,这就是我发现的行之有效的方法。我会研究你的建议,然后报告。谢谢
-
我用“overflow-y: auto”设置了聊天框的样式,但它不起作用。它会在视图充满消息后创建一个滚动条,但不会在出现新消息时自动向下滚动。此外,这种方法在 chrome 中也不起作用。
-
你能通过 jsfiddle 或 pastebin 发送代码吗?
-
它现在正在工作。原来是“Number.MAX_SAFE_INTEGER;”的问题哪个 Safari 不喜欢。将其更改为“100000000”之类的数字,现在可以使用了。
标签: javascript html css safari autoscroll