【问题标题】:Autoscrolling content to bottom works in Chrome, but not in Safari将内容自动滚动到底部适用于 Chrome,但不适用于 Safari
【发布时间】:2018-03-25 22:14:41
【问题描述】:

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

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

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

【问题讨论】:

  • 为什么不使用scroll-yoverflow-yauto
  • 我是编码新手,这就是我发现的行之有效的方法。我会研究你的建议,然后报告。谢谢
  • 我用“overflow-y: auto”设置了聊天框的样式,但它不起作用。它会在视图充满消息后创建一个滚动条,但不会在出现新消息时自动向下滚动。此外,这种方法在 chrome 中也不起作用。
  • 你能通过 jsfiddle 或 pastebin 发送代码吗?
  • 它现在正在工作。原来是“Number.MAX_SAFE_INTEGER;”的问题哪个 Safari 不喜欢。将其更改为“100000000”之类的数字,现在可以使用了。

标签: javascript html css safari autoscroll


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-06-06
    • 2017-03-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-09-16
    • 1970-01-01
    • 2013-03-11
    相关资源
    最近更新 更多