zoukankan      html  css  js  c++  java
  • offset() position() transform-origin transform

    这两个API函数与其他的函数不同,返回的不是所引用的包装集而是一个对象,且该对象只包含top和left两个属性 。这两个属性的值都是数字。
           调用方法:$('.box').offset().top  $('.box').offset().left

    不同点是:

    offset()方法获取匹配元素在当前窗口的相对偏移量。这里的窗口指的是当前页面的窗口,不包括浏览器的菜单栏等。offset()方法不管该元素师如何定位,也不管父元素是如何定位的,都是获取的该元素相对于当前页面窗口的偏移量。
    position()方法获取匹配元素相对父元素的偏移量。即获取的是该元素相对于最近的一个拥有绝对定位或者相对定位的父元素的偏移量。如果所有的父元素都是默认的static定位方式,则其处理方式和offset()一样,是当前窗口的偏移量。

    .roll{margin-left: 600px; 100px;height: 100px;border-radius:50%;background:#85eF7E;transition:all 2s;}
    .ani.roll{transform:rotateX(180deg) scale(0,0);transform-origin: 50% 50%;}

    <script>
    $(function(){

      $(".roll").removeClass("ani")
    })

    </script>

    <div class="roll ani"></div>

  • 相关阅读:
    Kafka中的数据清理(logdeletion)
    genymotion虚拟器笔记
    layui hover显示图片
    vue 导出到excel
    el-tree知识积累
    js 含有对象的数组去重
    苏宁易购价格爬取(golang)
    vue+elementui+beego笔记
    vue笔记
    beego笔记
  • 原文地址:https://www.cnblogs.com/fifis/p/4778023.html
Copyright © 2011-2022 走看看