计算一个滚动列表滚动到具体的位置

页面滚动100px的时候不要使用 el.scrollTo(0, 100) ，该函数在低版本浏览器有兼容性问题，建议使用： el.scrollTop = 100

元素距离窗口距离

1. el.getBoundingClientRect().top // 元素距离窗口（视口）顶部的距离
2. el.getBoundingClientRect().left // 元素距离窗口（视口）左边的距离
3. el.getBoundingClientRect().width // 元素的宽度，可以这么获取
4. el.getBoundingClientRect().height // 元素的高度，可以这么获取

比如下面一段代码

<div class="scroll-container">
  <div class="list-container">
    <span class="item1">1</span>
    <span class="item2">2</span>
    <span class="item3">3</span>
    <span class="item4">4</span>
  </div>
</div>

• 计算item3 距离顶部的距离

document.querySelector('.item3').offsetTop

• 容器滚动

document.querySelector(’.scroll-container’).scrollTop = document.querySelector(’.item3’).offsetTop