overflow的div层如何保持滚动到底部

echo醉老仙

@Ta 2022-08-25发布，2022-08-25修改 1977点击

是这样的，今天写个页面用到了overflow：auto，固定了一个高度，超出则滚动
随后jq插入内容到尾部
请教怎么正确的获取高度并滚动到底部

隐藏样式查看源码

回复列表(6|隐藏机器人聊天)

1

胡椒舰长

@Ta / 2022-08-25 / 样 / 源

盲猜，你要做聊天界面，然后最新消息是在最底部，但是浏览器默认初始位置在顶部。你要计算高度，然后滚动
2

布偶

@Ta / 2022-08-26 / 样 / 源

如果聊天页面的话，我以前写过，可惜忘了，要不你翻翻？
小尾巴我就菜鸡一枚 https://18sui.net炮兵学院
3

胡椒舰长

@Ta / 2022-08-26 / 样 / 源

顺便一提，实现滚动到底部很简单。最难的是下拉加载更多，你要做到加载历史消息后，滚动卡在中间，因为加载历史消息后你的滚动一般是最上方，你看qq就是卡在最新消息和历史消息中间。
我以前用uniapp 做过，好像计算每个消息div 然后滚动到中间，但是效果也大体还好
4

echo醉老仙

@Ta / 2022-08-26 / 样 / 源

@胡椒舰长，类似聊天，只能用笨方法，直接计算所有div高度，笨方法有保障
5

老虎会游泳

@Ta / 2022-08-27 / 样 / 源
```
document.querySelector('#div-id').scrollHeight
```
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollHeight

Element.scrollHeight 这个只读属性是一个元素内容高度的度量，包括由于溢出导致的视图中不可见内容。
6

echo醉老仙

@Ta / 2022-08-27 / 样 / 源

@老虎会游泳，感谢，确实如此，知识浅薄，见笑了

添加新回复

回复需要登录。