首页 > 其他 > 详细

将滚动条置顶,置底

时间:2014-10-22 19:43:30      阅读:323      评论:0      收藏:0      [点我收藏+]
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);

将滚动条置顶,置底

原文:http://www.cnblogs.com/shouwangzhe-/p/4043780.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!