javascript – 如何使用jQuery在div的底部保留div的滚动条?
作者:互联网
我有一个叫做#output的div,用overflow:scroll;来设置样式.使用jQuery.ajax,它每隔x秒更新一次.我想拥有它,以便当滚动条出现时(在div填满之后),它应该连续保持在div的底部而不是顶部,就像大多数聊天客户端一样.
我确定有办法做到这一点,我似乎无法找到它.
这是Sass
#output
:margin 0 0 10px 0
:padding 10px
:height 500px
:overflow scroll
:background #111111
:border 1px solid #000000
:color #8e8e8e
而哈姆只是一个简单的
#output
= @output
解决方法:
$("#output").attr({ scrollTop: $("#output").attr("scrollHeight") });
$("#output").animate({ scrollTop: $("#output").attr("scrollHeight") }, 3000);
// animated
看到
Using jQuery to Scroll to the bottom of an Element
标签:jquery,javascript,ruby,sass,haml 来源: https://codeday.me/bug/20190705/1386043.html