jQuery中滚动条默认在底部

今天很高兴又学习到了一种效果,挺高兴的,这些朋友不会做就来问我,帮他们解决了,也等于是提高自己的水平,也是见识在不同公司需要的特效以及样式的个不相同,常用到特效以及样式,还有就是当自己也没有做过这种效果的时候,帮忙解决后的心情大写一个爽字,又学到了一个新的知识。这就是帮助别人的同时,也相当是在提升自己。废话不多说了,下面就来说一下今天学到的效果

有些公司想要在一个div中不停的刷新加入新的内容,这些新内容又是在底部,为了人用户更好的体验,就想要求滚动条在底部,这个时候我们就要考虑如何做出来这种效果。

1:给div命名-----------<div id="content">这里是放内容</div>

2:在样式中要-----------overflow: auto;这个是必须的,之后给相对的高度和宽度;

3:在script中添加<script src="jquery-1.8.2.min.js"></script>

4:在新的

    <script>

          $("#content").scrollTop($("#content")[0].scrollHeight);

//id命名.scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置

//在这个方法里面加入id.scrollHeight,以获取滚动文字的实际高度,并定义滚动条在底部

    </script>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容