及时通讯如何让滚动条始终在最底部?

及时通讯如何让滚动条始终在最底部?

就是发一条新消息,滚动条也滚动到最底部。

试了几种方法都无效。

2个回答

两种方法,
第一种:计算滚动高度,用scrollTo滚动到底部;

    第二种:在页底部建一个锚点,再将浏览器hash值变为该锚点名
        //每次都滚动到底部
        document.getElementById('talkContents').scrollTop = document.getElementById('talkContents').scrollHeight;
xcheng1986
李小程 回复zzq413757115: 必须要设置高度,可以使用min-height=**px;
3 年多之前 回复
zzq413757115
zzq413757115 我试的时候必须要给div设置高度才能生效。怎么回事?
接近 4 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JS判断div的滚动条是否到底部

jsp文件中body里有一个div,这个div和body的高度不一样,我用js动态的向div中添加内容,每次添加内容是会判断 如果这个div中的滚动条在底部,添加内容成功后,滚动条会滚动到底部,如果滚动条不在底部,添加内容成功后,滚动条的位置不变。 if(document.getElementById('resShow').scrollTop + document.getElementById('resShow').Height() == document.getElementById('resShow').scrollHeight){ createContext(text);//动态的向div中添加一行或多行内容 document.getElementById('resShow').scrollTop=document.getElementById('resShow').scrollHeight; } else createContext(text); 这个代码没有生效,请大神讲解!

由于滚动条始终停留在最上边,导致最新更新的内容要拉动滚动条到最下边才能看见

所以怎样才能让滚动条一直在最下面? 代码如下 ``` messageArea = new JTextPane(); messageArea.setEditable(false); jScrollPane = new JScrollPane(messageArea); jScrollPane.setHorizontalScrollBar(jScrollPane .createHorizontalScrollBar()); jScrollPane .setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED); this.add(jScrollPane, BorderLayout.CENTER); createPopupMenu(); setPopMenuState(); messageDoc = messageArea.getStyledDocument(); messageArea.addMouseListener(new MouseAdapter() { public void mouseClicked(MouseEvent mouseEvent) { fireMouseEvent(mouseEvent); } }); ```

请问怎么控制弹出框滚动条滚动到头部和底部时,不触发body的滚动事件。在遮罩层上可以滚动body

body内容较多,带有滚动条。弹出层为一个遮罩和一个div div上也有滚动条。如何控制在div上滚动到顶部和底部body不跟着滚动,在遮罩层上可以滚动body

为什么c# listbox读取数据后滚动条始终拖不到底部

listbox 读取大约8200条数据,然后鼠标拖动滚动条死活不能到底部,一到底部就自动回到乱七八糟的地方,但是滚轮滚的话可以到底部的

iframe 滚动条如何固定在下方

iframe 滚动条如何固定在下方,类似qq聊天信息!现在效果信息过来滚动条就到上变了, 看不到下边刚过来的数据!![现在效果](https://img-ask.csdn.net/upload/201503/25/1427246321_22483.png)![滚动条下拉后效果](https://img-ask.csdn.net/upload/201503/25/1427246339_144142.png)请大神指教。

python3.7 + pyqt5中的tablewidget滚动条自动滚动至最底部

求一个能实现类似textEdit.moveCursor(QTextCursor.End)功能的fang'fa

QT中的tablewidget滚动条自动滚动至最底部

程序会自动在tablewidget中增加行,然后超出UI范围之后,tablewidget停留在第一行,我希望能自动滚动至最后一行,请教怎么做

js如何判断浏览器滚动条滚动到了底部?

``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, user-scalable=no"> </head> <body> <div id="part1" style="height:2000px;overflow: auto;background: lightblue;"> </div> <div id="part2" style="height:3000px;overflow: auto;background:lightcoral;"> </div> <script> console.info(document.body.scrollHeight); console.info(document.body.clientHeight); console.info(document.body.offsetHeight); var d = document.getElementById("part1").offsetHeight; console.info(d); window.addEventListener("scroll", function(event) { var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; console.log(scrollTop); }); </script> </body> </html> ``` 写了这个简单的demo测试。 我想通过 scrollTop 与 scrollHeight 比对来判断是否滚动到底部,但是发现当滚到 part1底部的时候 scrollTop 是1700多,part1的高度为2000px。 当滚到 part2底部的时候 scrollTop 是4300多,part2的高度为3000px,总体body的高度应该为5000px。 这里面的 200多 和 600多 都是被什么给占了。。。 要说滚动条(scrollbar)也不可能有那么高, 看得我一愣一愣的完全不明白了。

请问怎么控制弹出框滚动条滚动到头部和底部时,不触发body的滚动事件?

请问怎么控制弹出框滚动条滚动到头部和底部时,不触发body的滚动事件? 相应代码地址:http://www.gbtags.com/gb/debug/1bb6530f-5bbf-4c19-b98c-e4fff600c634.htm

我的JS代码oTop.scrollTop=oTop.scrollHeight;不起作用,没有将滚动条处于底部

我想让滚动条,一直处于底部,用来显示新的消息内容;但是oTop.scrollTop=oTop.scrollHeight;这句话似乎没起到作用,哪里出了问题?该如何改正?求大神帮助???? ``` <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #box { width: 300px; height: 500px; border: 1px solid #000; margin: 0 auto; } #top { width: 300px; height: 449px; background: #E0B8DD; overflow-y: scroll; } ::-webkit-scrollbar { width: 5px; background: #E0B8DD; } ::-webkit-scrollbar-track { border-radius: 2px; } ::-webkit-scrollbar-thumb { border-radius: 2px; background: #827575; } #bottom { width: 300px; height: 50px; background: #94B896; border-top: 1px solid #213720; position: relative; } #bottom img { vertical-align: top; border: 1px solid #000; border-radius: 5px; width: 30px; height: 30px; position: absolute; top: 8px; left: 10px; cursor: pointer; } #top img { vertical-align: top; border: 1px solid #4D6384; border-radius: 5px; width: 20px; height: 20px; margin: 0 2px;} #text { position: absolute; top: 13px; left: 60px; height: 20px; width: 180px; } #btn { position: absolute; top: 13px; right: 5px; cursor: pointer; } .clear { zoom:1; } .clear { content: ''; display: block; clear: both; } span { padding: 0 5px; background: #439C53; border-radius: 5px; max-width: 239px; display: inline-block; word-wrap: break-word; } </style> <script> window.onload=function(){ var oTop=document.getElementById('top'); var oBottom=document.getElementById('bottom'); var oImg=oBottom.getElementsByTagName('img')[0]; var oText=document.getElementById('text'); var oBtn=document.getElementById('btn'); var onOff=true; oTop.scrollTop=oTop.scrollHeight;//滚动条处于底部 oImg.onclick=function(){ if(onOff==true){ oImg.src='img/2.png'; onOff=false; }else{ oImg.src='img/1.png'; onOff=true; } } oBtn.onclick=function(){ if(oText.value==''){ return alert('没有输入文字!'); }else{ if(onOff){ oTop.innerHTML+='<div class="talk" style=" width: 280px; margin:5px; float: left; position: relative;">'+'<img src="img/1.png">'+'<span style="left: 30px;">'+oText.value+'</span>'+'</div>'+'<br>'; oText.value=''; }else{ oTop.innerHTML+='<div class="talk" style=" width: 280px; margin: 5px; float: right; position: relative;">'+'<span style="right: 30px;">'+oText.value+'</span>'+'<img src="img/2.png">'+'</div>'+'<br>'; oText.value=''; } } } } </script> </head> <body> <div id="box"> <div id="top" > </div> <div id="bottom"> <img src="img/1.png" alt=""> <input id="text" type="text"> <input id="btn" type="button" value="发送"> </div> </div> </body> </html> ``` ``` ```

如何让一个布局文件在活动底部,不随着滚动,是顶部和底部不滚动,中间滚动

如何让一个布局文件在活动底部,不随着滚动,是顶部和底部不滚动,中间滚动,

可以横向滚动条和纵向滚动条的样式不一样么?

因为现在是嵌套的2,3层的iframe。已经成型不能再改框架了.但是滚动条又非常多,有的甚至会同时出现3个滚动条。我试过把滚动条样式改成和背景一样的白色,滚动条还在那看起来好像是没有的。可是这样的话,有的内容很宽 又需要有横向的滚动条,这样就分不清横向滚动条在哪里了。新手啊,求有没有大神给个方法,可以分开规定横向和纵向滚动条样式的。

winform statusStrip控件 怎样在上下自动滚动条出现时仍一直处于窗口界面下方

条目数目没有增加到出现自动滚动条时(autoScroll) ![图片说明](https://img-ask.csdn.net/upload/201811/16/1542333004_179434.jpg) 此时状态栏在最下 当增加控件(usercontrol)条目数目直到出现自动滚动条时 ![图片说明](https://img-ask.csdn.net/upload/201811/16/1542333050_645075.jpg) 状态栏已经随着条目到了滚动条低下看不到的地方 把滚动条滚到最下就能看到如下 ![图片说明](https://img-ask.csdn.net/upload/201811/16/1542333092_273387.jpg) 怎样让状态栏不随滚动条的出现(或是form内控件增加)而被推到最下,而是一直处于窗口下方,就像windows文件系统的状态栏那样。

easyui datagrid如何同时实现自适应大小和垂直滚动条?

1、easyui datagrid设置自适应但是不能显示垂直滚动条? table元素设置fit="true",表格面板就可以自适应大小,也就是充满父容器的大小。但是这个时候无论如何都不能让datagrid出现滚动条了。 2、或者,设置宽度和高度可以显示滚动条但是又不能自适应? table元素设置固定的的宽度和高度(比如,style="width:600px;height:400px"),就可以显示滚动条了。但是这个时候怎么自适应大小呢。

C# Dev xtraTabControl控件开启滚动条,内部被其他控件填充滚动条触发失败

如题,我在Form里添加了个xtraTabControl控件,开启了滚动条,这时鼠标移入控件内部是可以触发滚动效果,现在是我的xtraTabControl里加了10个groupcontrol控件,Dock是Top,这时xtraTabControl出现滚动条,鼠标移入,滚动条没有效果,因为此时xtraTabControl并没有获得焦点,所以没效果,但是我需要滚动效果,请问怎么实现? 如图:![图片说明](https://img-ask.csdn.net/upload/201804/23/1524473181_959967.png)

前端scroll自动生成的滚动条能否控制它的位置

overflow:visibel ;这里的滚动条,滚动条的位置能否被控制,我想把横向滚动条一直放在窗口的最底部;

jtable新增一行后怎么让滚动条滑到最后并且最后一行获得焦点?

上传的截图滚动条滑到倒数第二行就不往下滑了是怎么回事呢?![图片说明](https://img-ask.csdn.net/upload/201906/24/1561381616_309217.png)

同一个div的滚动条怎么每次出现的时候都是默认在顶部?

同一个div的滚动条怎么每次出现的时候都是默认在顶部? 用jQuery要怎么写 望大神赐教

聊天并使滚动条设置在底部并附加新消息。

<div class="post-text" itemprop="text"> <p>Hello all I am working on a <strong>social networking website</strong> where I have a <strong>chat box</strong>. everything is working fine in the chatbox except that I have to reload the div after every 5 seconds to get the new messages which is causing some problems for me like the same database query is going to run over again and again after every 5 seconds. and also the scroller goeson top every time the chatbox reloads i can not set it as to scroll to bottom after every 5 seconds because there may be someone just reading the messages and he will not want to scroll the box back again and again. so in short what i want to ask that is there any other way for geting the new messages in chat box . and if this is the only way can you please tell me how to code for this logic if the scroller is above 10px fromthe bottom of div scroll to bottom and append new messages other wise just append new messages.</p> <p>Here is my code:</p> <pre><code> var autoload1 = setInterval( function showthemess1() { $.ajax({ type: 'POST', url: 'chitchatback2.php', data: {'chattingwith':"&lt;?=$nameIS2['id']?&gt;"}, success: function(chats){ $("#chatboxdiv").empty().append(chats); } }); }, 5000); </code></pre> <p>for making the scroller come to bottom i can do like </p> <pre><code> $(".bechmsgbox").animate({ scrollTop: $("#chatboxdiv")[0].scrollHeight },'slow'); </code></pre> </div>

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象?

老生常谈的一个梗,到2020了还在争论,你们一天天的,哎哎哎,我不是针对你一个,我是说在座的各位都是人才! 上图红色的这3个箭头,对于通过new产生一个字符串(”宜春”)时,会先去常量池中查找是否已经有了”宜春”对象,如果没有则在常量池中创建一个此字符串对象,然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象,如果常量池中原来没有 ”宜春” ,就是两个。...

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

Linux面试题(2020最新版)

文章目录Linux 概述什么是LinuxUnix和Linux有什么区别?什么是 Linux 内核?Linux的基本组件是什么?Linux 的体系结构BASH和DOS之间的基本区别是什么?Linux 开机启动过程?Linux系统缺省的运行级别?Linux 使用的进程间通信方式?Linux 有哪些系统日志文件?Linux系统安装多个桌面环境有帮助吗?什么是交换空间?什么是root帐户什么是LILO?什...

Linux命令学习神器!命令看不懂直接给你解释!

大家都知道,Linux 系统有非常多的命令,而且每个命令又有非常多的用法,想要全部记住所有命令的所有用法,恐怕是一件不可能完成的任务。 一般情况下,我们学习一个命令时,要么直接百度去搜索它的用法,要么就直接用 man 命令去查看守冗长的帮助手册。这两个都可以实现我们的目标,但有没有更简便的方式呢? 答案是必须有的!今天给大家推荐一款有趣而实用学习神器 — kmdr,让你解锁 Linux 学习新姿势...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

史上最全的 python 基础知识汇总篇,没有比这再全面的了,建议收藏

网友们有福了,小编终于把基础篇的内容全部涉略了一遍,这是一篇关于基础知识的汇总的文章,请朋友们收下,不用客气,不过文章篇幅肯能会有点长,耐心阅读吧爬虫(七十)多进程multiproces...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

85后蒋凡:28岁实现财务自由、34岁成为阿里万亿电商帝国双掌门,他的人生底层逻辑是什么?...

蒋凡是何许人也? 2017年12月27日,在入职4年时间里,蒋凡开挂般坐上了淘宝总裁位置。 为此,时任阿里CEO张勇在任命书中力赞: 蒋凡加入阿里,始终保持创业者的冲劲,有敏锐的...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

新一代神器STM32CubeMonitor介绍、下载、安装和使用教程

关注、星标公众号,不错过精彩内容作者:黄工公众号:strongerHuang最近ST官网悄悄新上线了一款比较强大的工具:STM32CubeMonitor V1.0.0。经过我研究和使用之...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

大学一路走来,学习互联网全靠这几个网站,最终拿下了一把offer

大佬原来都是这样炼成的

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

什么时候跳槽,为什么离职,你想好了么?

都是出来打工的,多为自己着想

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

你期望月薪4万,出门右拐,不送,这几个点,你也就是个初级的水平

先来看几个问题通过注解的方式注入依赖对象,介绍一下你知道的几种方式@Autowired和@Resource有何区别说一下@Autowired查找候选者的...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

立即提问
相关内容推荐