首页 > 代码库 > 将滚动条置顶,置底

将滚动条置顶,置底

2024-07-28 16:45:15   217人阅读

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);

将滚动条置顶,置底


联系
我们