zoukankan      html  css  js  c++  java
  • 将滚动条置顶,置底

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

  • 相关阅读:
    lvs三种模式的优缺点对比
    linux下的$0-n作用
    图解 HTTP 笔记(一)——了解 Web 及网络基础
    从源码学习使用 node-delegates
    从源码看 Vue 中的 Mixin
    常见 Web 性能优化方式
    解密虚拟 DOM——snabbdom 核心源码解读
    浅谈 JSONP
    代码覆盖率测试及 GitHub 自动化集成
    Redis 学习笔记
  • 原文地址:https://www.cnblogs.com/shouwangzhe-/p/4043780.html
Copyright © 2011-2022 走看看