jquery让滚动条一直处于底端

最新推荐文章于 2024-08-09 11:20:59 发布

原创最新推荐文章于 2024-08-09 11:20:59 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

134 篇文章

订阅专栏

本文介绍了一种简单的方法来确保滚动条始终保持在元素的底部。通过使用原生JavaScript的scrollHeight属性，可以轻松地实现这一目标。文中提供了具体的代码示例，包括直接操作DOM元素和使用jQuery来实现相同的效果。

jquery让滚动条一直处于底端一直是困扰我的问题，用过很多jquery方法都没用，其实采用最原始的scrollHeight属性即可解决这个问题。

scrollHeight其实不是“滚动条的高度”，而是表示滚动条需要滚动的高度，即内部的高度!

    var item = "div"    ;
    var e = document.getElementById(item);
    e.scrollTop = e.scrollHeight;//让滚动条自动滚动顶部
    showMessage(e.scrollTop +"==="+ e.scrollHeight);
    //jquery 
    $("#"+item).scrollTop($("#"+item)[0].scrollHeight);