通过getBoundingClientRect

  • element.getBoundingClientRect( )

image.png

  • 返回值是一个DOMRect的对象
  • 我们通过给页面绑定 scroll 事件判断元素距离顶部的距离来实现相应的效果

image.png