scrollIntoView()可以在所有的HTML元素上调用,通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视窗中。
聊天窗口初始化和发送都需要滚动到最后一条信息的位置,则在初始化聊天记录和发送时分别调用滚动方法
function goto () {
var el = document.getElementById('context' + (chatList.value.length - 1))
if (el) {
console.log('context' + (chatList.value.length - 1))
el.scrollIntoView()
}
}
如果没有反应或者报错,可能需要加上nextTick
nextTick(() => {
goto()
})
本文介绍了如何使用scrollIntoView()方法确保特定元素出现在视窗中,特别适用于聊天应用中滚动到最新消息的功能实现。文章提供了具体的JavaScript代码示例,并讨论了如何解决常见问题。
1万+

被折叠的 条评论
为什么被折叠?



