jquery让滚动条一直处于底端

最新推荐文章于 2022-07-11 10:06:38 发布

最新推荐文章于 2022-07-11 10:06:38 发布 · 138 阅读

文章标签：

#javascript #ViewUI

本文介绍如何通过使用元素的scrollHeight属性，解决使用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);