zoukankan      html  css  js  c++  java
  • 通用JS获取页面尺寸及窗口位置

    function getClientSize() {
     var doc = document.documentElement,
      body = document.body;  
     return self.innerHeight ?  [doc.clientWidth ? doc.clientWidth : self.innerWidth, self.innerHeight] :  doc && doc.clientHeight ?   [doc.clientWidth, doc.clientHeight] : [body.clientWidth, body.clientHeight];
    }
    function getPageSize() {
     var doc = document.documentElement,
      body = document.body,
      scrollXY = window.innerHeight && window.scrollMaxY ?
       [window.innerWidth + window.scrollMaxX, window.innerHeight + window.scrollMaxY] :
       body.scrollHeight > body.offsetHeight ?
        [body.scrollWidth, body.scrollHeight] :
        [body.offsetWidth, body.offsetHeight],
      windowXY = self.innerHeight ?
       [doc.clientWidth ? doc.clientWidth : self.innerWidth, self.innerHeight] :
       doc && doc.clientHeight ?
        [doc.clientWidth, doc.clientHeight] :
        [body.clientWidth, body.clientHeight]; 
     return [scrollXY[0] < windowXY[0] ? scrollXY[0] : windowXY[0], scrollXY[1] < windowXY[1] ? windowXY[1] : scrollXY[1]];
    }
      
    function getScrollOffsets() {
     var doc = document.documentElement,
      body = document.body;  
     return window.pageYOffset ?  [window.pageXOffset, window.pageYOffset] :  doc && doc.scrollTop ?   [doc.scrollLeft, doc.scrollTop] :   [body.scrollLeft,body.scrollTop];
    }
  • 相关阅读:
    子元素如何不继承父元素透明度
    js深度复制对象
    webstorm快捷键
    js触屏滑动事件
    DOM学习笔记
    attribute & property --- jquery attr() & prop()
    javascript学习笔记(通用)-2015-08
    javascript学习笔记(数组)-2015-08
    mustache语法整理
    代码优化
  • 原文地址:https://www.cnblogs.com/xyd21c/p/1963813.html
Copyright © 2011-2022 走看看