获取目标容器内的元素列表

const getScrollDom = (params) => {
  const { scroller, targets, selector = document.querySelector } = params;

  const documentSelector = selector.bind(document);

  const scrollerDom = documentSelector(scroller);
  const scrollerDomRect = scrollerDom.getBoundingClientRect();

  const viewTargets = [];

  for (let item of targets) {
    const itemDom = documentSelector(item);
    if (!itemDom) continue;
    const itemDomRect = itemDom.getBoundingClientRect();
    if (
      itemDomRect.top > scrollerDomRect.top &&
      itemDomRect.top < scrollerDomRect.bottom
    ) {
      viewTargets.push(item);
    }
    if (itemDomRect.top > scrollerDomRect.bottom) {
      break;
    }
  }
  return viewTargets;
};

export default getScrollDom;

使用

const viewTargets = Tools.getScrollDom({
        scroller: "content",
        targets:['item-1','item-2','item-3']
        selector: document.getElementById,
      });