element，vue2，卡片，前端自己实现懒加载，一次性把后端数据请求完，用卡片的形式，排版为每行三个卡片，用滚动条懒加载怎么实现

对于滚动条懒加载，你可以使用IntersectionObserver API来实现。IntersectionObserver API可以监听元素是否进入了视口，并在需要时执行回调函数，因此可以用来实现滚动条懒加载。

具体实现步骤如下：

1. 首先需要在页面中引入IntersectionObserver API，并在代码中创建一个IntersectionObserver对象。

const observer = new IntersectionObserver(callback, options);

其中，callback是回调函数，options是配置选项。

2. 然后，将需要懒加载的元素添加到IntersectionObserver对象中。

const targets = document.querySelectorAll('.card');
targets.forEach(target => observer.observe(target));

这里以`.card`类为例，将所有需要懒加载的卡片元素添加到IntersectionObserver对象中。

3. 在回调函数中实现懒加载的逻辑。

function callback(entries, observer) {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      // 加载数据
      // ...
      // 停止观察该元素
      observer.unobserve(entry.target);
    }
  });
}

在回调函数中，当一个元素进入视口时，执行加载数据的逻辑，并停止观察该元素，以避免重复加载。

4. 最后，实现滚动条的监听，并在滚动到底部时触发懒加载。

window.addEventListener('scroll', () => {
  const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  const scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
  const clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
  if (scrollTop + clientHeight >= scrollHeight) {
    // 滚动到底部，执行懒加载
    // ...
  }
});

在滚动条滚动到底部时，执行懒加载的逻辑即可。

以上就是实现滚动条懒加载的基本步骤。需要注意的是，为了避免滚动条滚动过快导致的重复加载，可以设置一个加载标记，当正在加载数据时，不再执行懒加载的逻辑。