zoukankan      html  css  js  c++  java
  • 获取浏览器距离各边的距离

    var box = document.getElementById( "gaga1" ); 
    /* alert( box.getBoundingClientRect().top ); 
    alert( box.getBoundingClientRect().right ); 
    alert( box.getBoundingClientRect().bottom ); 
    alert( box.getBoundingClientRect().left ) */ 
    
    function getRect( elements ){ 
    var rect = elements.getBoundingClientRect(); 
    var clientTop = document.documentElement.clientTop; 
    var clientLeft = document.documentElement.clientLeft; 
    return { // 兼容ie多出的两个px 
    top : rect.top - clientTop, // 距离顶部的位置 
    bottom : rect.bottom - clientTop, // 距离顶部加上元素本身的高度就等于bottom的位置 
    left : rect.left - clientLeft, // 距离左边的位置 
    right : rect.right - clientLeft // 距离右边的位置就是 距离左边的位置加上元素本身的宽度 
    }; 
    }; 
    alert( getRect(box).top ) 
  • 相关阅读:
    web项目优化
    mysql 优化笔记
    Java 调用 google 翻译
    Git回滚merge操作
    mybatis 批量插入 返回主键id
    idea tomcat debug 失效
    mysql 常用语句
    xstream 解析xml报文
    activeMQ 讲解及实战
    linux svn apache
  • 原文地址:https://www.cnblogs.com/chenzeyongjsj/p/6062515.html
Copyright © 2011-2022 走看看