overflow的div层如何保持滚动到底部 - 讨论/求助

已掉线，重新登录

首页 > 绿虎论坛 > 历史版块 > 编程 > HTML/CSS/JS > 讨论/求助

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

时间: 2022-08-25发布，2022-08-25修改

点击: 1978

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

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

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

(胡椒舰长/@Ta/2022-08-25 23:50/样/源)

2 .

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

(布偶/@Ta/2022-08-26 08:29/样/源)

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

(胡椒舰长/@Ta/2022-08-26 08:33/样/源)

4 .

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

(echo醉老仙/@Ta/2022-08-26 09:01/样/源)

5 .

document.querySelector('#div-id').scrollHeight

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

(老虎会游泳/@Ta/2022-08-27 04:08/样/源)

6 .

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

(echo醉老仙/@Ta/2022-08-27 12:41/样/源)

回复需要登录。

6月29日 14:21 星期天

本站由hu60wap6驱动