有没有办法用intersectionObserver改变滚动条上的div大小？

是的，可以使用Intersection Observer来改变滚动条上的div大小。

Intersection Observer是一个浏览器原生API，用于监测一个目标元素与其祖先元素或视窗之间的交叉状态。它可以观察到目标元素进入或离开视窗，或者与祖先元素相交的程度。

要使用Intersection Observer来改变滚动条上的div大小，可以按照以下步骤进行操作：

1. 创建一个Intersection Observer实例，指定一个回调函数以处理目标元素与视窗交叉状态的变化。
2. 使用observe()方法将目标元素添加到Intersection Observer实例中进行观察。
3. 在回调函数中，根据目标元素与视窗的交叉程度来调整滚动条上的div大小。

具体的实现代码如下所示：

// 创建一个Intersection Observer实例
const observer = new IntersectionObserver(entries => {
  entries.forEach(entry => {
    // 根据交叉程度来调整滚动条上的div大小
    if (entry.isIntersecting) {
      // 目标元素进入视窗
      // 调整滚动条上的div大小为较大尺寸
      document.getElementById('scrollDiv').style.width = '200px';
    } else {
      // 目标元素离开视窗
      // 调整滚动条上的div大小为较小尺寸
      document.getElementById('scrollDiv').style.width = '100px';
    }
  });
});

// 将目标元素添加到Intersection Observer实例中进行观察
observer.observe(document.getElementById('targetElement'));

上述代码中，我们创建了一个Intersection Observer实例，并通过回调函数处理目标元素与视窗的交叉状态变化。在回调函数中，根据目标元素是否与视窗相交来调整滚动条上的div大小。

需要注意的是，代码中的targetElement表示目标元素的ID，scrollDiv表示滚动条上的div的ID。你可以根据实际情况修改这些ID。

关于Intersection Observer的更多信息，你可以参考腾讯云的Intersection Observer文档。