zoukankan      html  css  js  c++  java
  • offset

    offsetParent(父级元素position是relative或absolute)

    width/height(内容的宽高)

    clientWidth=width+paddingleft+paddingright

    clientHeight=height+paddingtop+paddingbottom

    offsetWidth=width+paddingleft+paddingright+borderleft+borderright

    offsetheight=height+paddingtop+paddingbottom+bordertop+borderbottom

    offsetLeft=(offsetParent的padding-left)+(中间元素的offsetWidth)+(当前元素的margin-left)。

    offsetTop=(offsetParent的padding-top)+(中间元素的offsetHeight)+(当前元素的margin-top)。

    //jquery 对css的控制

    $('#divid').css('propertyName') //get property value

    $('#divid').css('propertyName','value') //set property value

    $('#divid').offset().top  //相对于浏览器

    $('#divid').offset().left

    $('#divid').position().top  //相对于最近设置过position的元素

    $('#divid').position().left

    $('#divid').scrollTop(offset)  //返回或设置

    $('#divid').height()  //content height

    $('#divid').outerHeight()  //等于offsetheight   outerHeight(true)=offsetheight+margin

    $(window).height()  //浏览器高度

    $('#divid').css('cssText')   //var csstxt = $('#selector').css('cssText') + ';top:100;left:100;border:1px solid red;color:#f00;';$('#selector').css('cssText', csstxt);

  • 相关阅读:
    C#移动及改变控件大小
    flutter学习(状态组件,组件)
    dart学习1
    rn的优化
    git命令
    Immutable
    树形数据结构的搜索功能
    promise
    js出场率极高的代码
    js浮点数计算精度解决方案
  • 原文地址:https://www.cnblogs.com/yfann/p/4753394.html
Copyright © 2011-2022 走看看