美文网首页
原生js使DIV滚动到最底部

原生js使DIV滚动到最底部

作者: 我会看见天很蓝 | 来源:发表于2018-03-14 12:27 被阅读0次

在工作中使用vue重构聊天的时候,需要做到一个效果是,聊天窗口默认是展示最新消息的,也就是展示到最下方,话不多说,下面是代码

var ele = document.getElementById('#ele');
ele.scrollTop = ele.scrollHeight;

只要获取到对应的元素,设置元素的scrollTop为元素的scrollHeight即可.

相关文章

  • 原生js使DIV滚动到最底部

    在工作中使用vue重构聊天的时候,需要做到一个效果是,聊天窗口默认是展示最新消息的,也就是展示到最下方,话不多说,...

  • js,jq获取屏幕各种宽高尺寸

    js jq 检测window滚动到屏幕头部底部 检测div滚动到屏幕头部底部 解绑滚动监听 参考博文:JS,Jqu...

  • 2020-06-23原生js使dom自动滚动到最底部

    要实现一个聊天发言自动滚到底部的功能。直接上代码 获取到对应的dom,设置dom的scrollTop为元素的scr...

  • windows / document

    一、Windows 浏览器窗口 二、Docment 文档 可视区域加载 页面滚动到顶部/底部 div滚动到底部/顶...

  • 20、jQuery 事件机制

    20、jQuery 事件机制 原生js事件与jQuery事件: (1)用原生的js给div注册事件 原生js注册相...

  • js滚动相关

    js 原生滚动到指定元素(元素滚动到可视范围)

  • 【原生js练习笔记】控制div属性

    原生js练习,前辈的js原生练习,开始跟着做,收货很多。题目:控制div属性 解题思路: 每个按钮进行事件监听。 ...

  • 安卓开发随笔

    1.scrollview与recyclerview嵌套,滑动到底部: 项目中遇到页面载入时总是滑动到最底部,原因是...

  • 监听input输入状态的方法

    1、在div里面设置 function aa(e){alert("inputting!!");} 2、使用原生js...

  • 让DIV的滚动条自动滚动到最底部

    要制作一个在线聊天的程序,在做最后的修饰时,需要对获得的信息即时滚动以保证用户总能看到最新消息。聊天内容保存在一个...

网友评论

      本文标题:原生js使DIV滚动到最底部

      本文链接:https://www.haomeiwen.com/subject/kbhfqftx.html