反应平滑滚动但不在初始化

时间:2021-06-11 12:42:59

标签: javascript css reactjs web progressive-web-apps

我正在使用 ReactJS 构建一个聊天应用程序。在 Skype 或 WhatsApp 中,我们看到如果我们点击一​​个聊天,它会从最后一个加载。但是,我想将此功能添加到我的应用中。

我想出了解决方案 scrollIntoView({ behaviour: "smooth" }) 方法。但是,如果我单击聊天,它会一直滚动到底部。但我希望它在安装时已经滚动到底部。

你能就此给我任何建议吗?

1 个答案:

答案 0 :(得分:0)

您可以做的一件事是将 onload 事件侦听器附加到聊天或 div 或您正在使用的任何内容,因此会发生的是,只要您单击聊天,它就会加载,并且在加载时它会一直滚动到底部

我从未使用过 React,但这应该可以解决问题....