2020-08-27 offsetTop

1. offsetTop指的是到浏览器最顶部的高度，而并非是距离父元素的高度

举例：

HTML:
<div class="fa">
    <div class="son">

    </div>
</div>

CSS：
.fa{
    width: 500px;
    height: 500px;
    background-color: gray;
    margin-top: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
  }
  .son{
    width: 100px;
    height: 100px;
    background-color: blue;
  }


JS:
let son = document.querySelector('.son')
  console.log(son.offsetTop);//500

此时这个500是怎么来的呢？

如果我们打印offsetHeight

console.log(son.offsetHeight);//100

可知offsetTop为元素自己的高度！还记得做歌词滚动最开始的做法吗？

2. 关于element ui的穿透问题
   今天/deep/死活传不过去的问题，后来发现这个穿透是一定要写!important的！！！

不然就会出现下列情况

/deep/ .el-pager li.active {
  background-color: #d33a31;
}