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子节点,即
标签;documentElement 是整个节点树的根节点root,即 标签
将div滚动条置底
var scrollHeight = $("#elemId")[0].scrollHeight;
var elemHeight = $("#elemId").height();
$("#elemId").scrollTop(scrollHeight - divHeight);