水滴365博客主要分享一些生活中的经验和IT技术自学过程中积累的技术、学习资源和软件资源等。座右铭:坚持+自律=开挂人生。
当前位置: 首页 > 网站建设 > js控制div滚动条自动滚动到最底部的代码

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侧边栏的滚动条会始终保持在最底部了。

更多相关推荐

版权保护:本文《js控制div滚动条自动滚动到最底部的代码》由<我爱分享>原创,转载请保留链接:http://www.shuidi365.cn/site/92.html

此博客主要用来分享、推荐自己日常、学习过程中感觉比较实用的经验、IT技术和一些比较好的资源(各种软件、各种开发手册、各种学习资料、各种视频教程等),希望对大家有所帮助,有问题请留言,欢迎来交流,联系QQ邮箱/微信:342807450

合作伙伴
冀ICP备19020226号-1 冀公网安备 13010902000246号