js控制div滚动条自动滚动到最底部的代码
作者：洋洋电脑帮 |
发布时间：2025-03-30 19:01:33 |
阅读：1 |
评论：0
在做网页聊天窗口时经常会用到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侧边栏的滚动条会始终保持在最底部了。
更多相关推荐
