vue中检测元素是否滚动到可视范围

检测元素是否滚动到浏览器可视范围，通常在做效果时使用

方法：
/**
   * 检测元素是否滚动到可视范围
   * @param {*} el 
   */
  isElementNotInViewport: (el) => {
    if (el) {
      let rect = el.getBoundingClientRect();
      return (
        rect.top >=
          (window.innerHeight || document.documentElement.clientHeight) ||
        rect.bottom <= 0
      );
    }
  }

使用：
window.addEventListener('scroll', this.isElementNotInViewport(this.$ref.box))

注意：在页面销毁时需要解绑挂载的scroll事件