将滚动条置顶,置底

时间：2022-12-14 07:56:25
Message.prototype.setScrollToBottom = function () {
    // 整个文档所占的高度
    var scrollHeight = (function getScrollHeight(){
        var scrollHeight = 0, bodyScrollHeight = 0, documentScrollHeight = 0;
        if(document.body){
            bodyScrollHeight = document.body.scrollHeight;  
        }
        if(document.documentElement){
            documentScrollHeight = document.documentElement.scrollHeight;
        }
        scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
        return scrollHeight;
    })();
    //可见区域的高度
    var windowHeight = (function getWindowHeight(){
        if(document.documentElement.clientHeight){
            return document.documentElement.clientHeight;  
        } else {
            return document.body.clientHeight;
        }
    })();
    document.body.scrollTop = scrollHeight - windowHeight;
    document.documentElement.scrollTop = scrollHeight - windowHeight;  // 页面置底

　　document.body.scrollTop = 0；//页面置顶
　　document.documentElement.scrollTop = 0；
};

 document.body.[scrollTop,clientHeight]  和  document.documentElement.[scrollTop,clientHeight] 的区别；

body是DOM对象里的body子节点，即 <body> 标签； 
documentElement 是整个节点树的根节点root，即<html> 标签


将div滚动条置底
    var scrollHeight = $("#elemId")[0].scrollHeight;
    var elemHeight = $("#elemId").height();
    $("#elemId").scrollTop(scrollHeight - divHeight);

标签：

相关文章