【前端丨学习笔记】实现滚动条一直在最底部

Amy

【前端丨学习笔记】实现滚动条一直在最底部

【零基础学习web前端】教程目录导航

http://www.sufeinet.com/thread-24027-1-1.html

有时候我们在展示一些实时数据展示并且数据量很大的时候，我们需要将滚动条至于底部，
或者是在做聊天对话框的时候，需要每次打开聊天窗口时，滚动条都处于最底部。
$('#content').scrollTop( $('#content')[0].scrollHeight)
例如

[HTML] 纯文本查看 复制代码

<div id="content">
        实现滚动条一直在最底部,实现滚动条一直在最底部,实现滚动条一直在最底部,实现滚动条一直在最底部,实现滚动条一直在最底部,实现滚动条一直在最底部,
        实现滚动条一直在最底部,实现滚动条一直在最底部,,实现滚动条一直在最底部,实现滚动条一直在最底部,
    </div>
    <script type="text/javascript" src="jquery.js"></script>
    <script>
    $(function(){
        $('#content').scrollTop( $('#content')[0].scrollHeight )
    });    

[CSS] 纯文本查看 复制代码

#content{
        width: 200px;
        height: 200px;
        background: #e5e5e5;
        overflow: auto;
    }

overflow设置滚动条   js打开定位到最下方,效果图：

划重点：$('#content').scrollTop( $('#content')[0].scrollHeight)

竹林风

真是难得给力的帖子啊。

站长苏飞

我只是路过打酱油的。

liu

强烈支持楼主ing……

惜

楼主加油，我们都看好你哦。

范范

看到这帖子真是高兴！