// 原生 JS 选择器
function query(selector) {
  return Array.from(document.querySelectorAll(selector));
}
// 使用构造函数创建对象并指定回调函数
const observer = new IntersectionObserver(function (changes) {
  // 回调参数是数组，成员为 IntersectionObserverEntry 对象
  changes.forEach(function (change) {
    const container = change.target;
    // console.log(change.intersectionRatio);
    // 大于 0 时表示可见
    if (change.intersectionRatio > 0) {
      // console.log(container);
      container.classList.add("flip", "animated");
    } else {
      container.classList.remove("flip", "animated");
    }
  });
});
// observe 方法用于对指定一个元素开启监听
query(".section-top img").forEach(function (item) {
  // console.log(item);
  observer.observe(item);
});