hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery如何让垂直滚动条默认保持在底部

墨初 Web前端 712阅读

写了一个小工具,需要DIV框里的内容无论如何变化其滚动条都要保持在DIV的底部,作出的效果类似ssh代码窗口,这个效果是用jquery插件实现的,下面上制作方法。

jquery滚动条默认保持在最低部

例1:

想要让滚动条保持在最低部,就需要获取滚动条滚动多高才能到达底部这个滚动的值就是 scrollHeight ,然后再将滚动条上边距离设置为这个 scrollHeight 就可以了。

$('body').scrollTop($('body')[0].scrollHeight);

例2:

例1中是对整个页面进行的设置,但如果对某个元素进行设置,只需要指定这个元素即可。

<!-- 需要引入 jquery.js -->
<div id="mochu">这里是DIV的元素.....</div>
<script>
    $('#mochu').scrollTop($('#mochu')[0].scrollHeight);
</script>
声明:无特别说明,转载请标明本文来源!