js控制div滚动条自动滚动到最底部的代码

在做网页聊天窗口时经常会用到jquery控制聊天窗口的div中的侧边栏的滚动条始终保持在最底部，有聊天信息时，滚动条自动滚动到最底部的功能。这里展示了通过jquery的代码实现的方法。

效果图

html示例代码

测试文章，js实现代码在最下面

<br>
《生活有苦，但也处处有光》
<div id="test" style="width:100px;height:100px;overflow:auto;">
你是否也曾在某个深夜里，偷偷地哭泣？上司的责骂、客户的刁难、生活的压力交织成一张绵密的网，将你压得快要喘不过气来？
<br>
成年人的世界里，似乎只有不容易和更不容易。但请别失望。生活有苦，但也处处有光。
<br>
不管多晚，总会有一盏灯在为你点亮；日子再难，总有一些人会把你放在心尖上。他们会认真地看遍你的朋友圈，只为寻访你的生活踪迹。不管他们身在何方，都期盼着你安然无恙。
<br>
所以，不管此刻正身处怎样的困境，都请不要放弃希望和努力。没有一个黑夜不会过去，没有一个黎明不会来临。黑夜过后，太阳终会升起。
<br>
<br>
回想过往，常常会有些许感伤。也许是一段刻骨铭心的恋情，也许是某个人的乍然离场。那些人和事走得云淡风轻，而你却还留在原地久久不愈。可人生没有过不去的坎儿，也没有好不了的伤。人生在世，最可悲的莫过于只活在过去。
<br>
昨天的太阳，晒不干今天的衣裳。一味沉溺于过往，就注定无法成长；放不下昨日的苦难，就注定到不了远方。好的坏的，随着时间的流逝，终会化作往事。

<br>
生命有来有往，有些人，只有同行一程的缘分；有些情，只有一场烟花的绚烂。因为我们必须向前走，所以就应该学会清零，该忘的忘，该放的放。
<br>
很喜欢这样一句话：“人生的辛酸苦难在所难免，但你要学会翻篇。”只有一路迎风前行，过往才会化作身后的风景。
<br>
<br>
2020年临近年尾，再过几天，就是新的一年。儿时最渴望长大，如今却好像最害怕长大。明明到了当初渴望的年纪，却没有活成当初渴望的模样。举目四望，周遭的人似乎都小有所成，而自己依旧倍感茫然。
<br>
但是，请别慌张，人各有路，每个人都有不同的节奏。只要你保持前进的步调，就不必畏惧落后于人。别说来不及。有心之人，何惧为时晚矣？你努力的每一个当下，都会是最好的年华。
<br>
也别对未来心生恐惧。车到山前必有路，船到桥头自然直。只要你一直走，脚下的路就会一直有。时间是最公正的裁判，它会铭记你所有的付出和坚守，然后在某个不期而遇的日子里回馈你曾经的满腔热血。
<br>
从现在起，每天抽出一点时间去学习，去运动，早睡早起，规律作息。若你不曾辜负时光，便能笑对未来不慌不乱。
<br>
<br>
朋友小凡是一个来自小城市的姑娘，为了尽快在上海扎根，她每天拼尽全力生活和工作。业余时间，还坚持自学专业知识，每天不学到半夜决不罢休。遇到老板临时派活，更是加班加点。
<br>
晚睡最直接的后果，就是晚起。她每天早上起床就跟打仗似的，匆匆洗漱，匆匆赶地铁，好不容易踩点到公司，可前一天的晚睡加上早晨的匆忙耗费了她大量的精力，导致她一整天的精神状态都很萎靡，做事也没有干劲。
<br>
<br>
<br>
点击文章任何位置，页面滚动到最底部

</div>

jquery实现滚动条自动滚动到最底部的代码

$("#test").click(function(){
var height=$(this).prop("scrollHeight");
$(this).scrollTop(height,100);
})

这样id=test的div侧边栏的滚动条会始终保持在最底部了。

更多相关推荐

• jquery实现日期时间选择器的插件附下载
• JavaScript获取当前日期是星期几的实现方法
• html静态页面间传递数据值的几种方式
• js实现关闭当前页面窗口的方法总结
• jquery输入框设置回车事件实现按回车键跳到下一个元素上