zoukankan      html  css  js  c++  java
  • js 盒子模型及方法


    clientWidth  =内容+padding
    offsetWidth  =内容+padding+border

    //获得左 上偏移量 利用offsetParent

    function getElementLeft(ele){
        var actualLeft=ele.offsetLeft;
        var current=ele.offsetParent;
        while(current!==null){
            actualLeft+=current.offsetLeft;    
            current=current.offsetParent;
        }
        return actualLeft;
    }

    function getElementTop(ele){
        var actualTop=ele.offsetTop;
        var current=ele.offsetParent;
        while(current!==null){
            actualTop+=current.offsetTop;
            current=current.offsetParent;
        }
        return actualTop;
    }

    //可视区宽度
    function getViewport(){
        if(document.compatMode=="BackCompat"){//标准模式关闭 BackCompat混杂模式
            return {
                document.body.clientWidth;
                height:document.body.clientHeight;
            }
        
        }else{//标准模式开启  CSS1Compat
        
            return {
                document.documentElement.clientWidth;
                height:document.documentElement.clientHeight;
            }
        }
    }

  • 相关阅读:
    Xcode 单元测试
    Oracle积累
    懒人小技巧, Toad 常用偷懒方法
    改变UITableView选中行高亮的颜色
    苹果企业版帐号申请记录
    RGB颜色设置错误
    IOS 设置文件是否使用ARC
    懒人的小技巧, 批处理修改IP
    Go连接MYSQL
    Go中的函数和闭包
  • 原文地址:https://www.cnblogs.com/xiaomier/p/2943049.html
Copyright © 2011-2022 走看看