开发者社区> 问答> 正文

如何实现 让具有overflow-y:auto属性的box内容滚动到底部

当我们给一个容器box添加一个overflow-y: auto, 那么超出的部分就可以滚动显示,我想知道如何写一个方法,点一下按钮,就能直接滚动到最底部的内容。

类似微信/QQ的聊天窗口,发信息之后,最新信息在最底部显示。

展开
收起
小旋风柴进 2016-05-30 13:48:56 2705 0
1 条回答
写回答
取消 提交回答
  • var boxId="answerEditor";
    var boxElement=document.getElementById(boxId);
    boxElement.scrollTop=boxElement.scrollHeight-boxElement.clientHeight;

    容器的内容总高度scrollHeight与容器的高度差为容器滚动到底部的scrollTop值

    2019-07-17 19:20:28
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载