鼠标滚轮在面板中滚动,动态添加了图片框控件？

// 获取面板元素
const panel = document.getElementById('panel');

// 监听鼠标滚轮事件
panel.addEventListener('wheel', (event) => {
  // 阻止默认行为
  event.preventDefault();

  // 判断滚轮是向上滚动还是向下滚动
  if (event.deltaY > 0) {
    // 向下滚动，添加图片框控件
    const img = document.createElement('img');
    img.src = 'path/to/image.jpg';
    panel.appendChild(img);
  } else {
    // 向上滚动，移除最后一个图片框控件
    const img = panel.lastElementChild;
    if (img && img.tagName === 'IMG') {
      panel.removeChild(img);
    }
  }
});