html怎么实现滚轮移动图标跟随移动

要实现滚轮移动图标跟随移动，可以通过 JavaScript 监听滚轮事件，并根据滚轮的滚动距离，计算出需要移动的距离，然后通过修改图标的样式属性来实现移动。

以下是一个简单的实现示例：

HTML 代码：

<div class="container">
  <div class="icon"></div>
</div>

CSS 代码：

.container {
  height: 500px;
  overflow-y: scroll;
  position: relative;
}

.icon {
  width: 50px;
  height: 50px;
  background-color: red;
  position: absolute;
  top: 0;
  left: 0;
}

JavaScript 代码：

const container = document.querySelector('.container');
const icon = document.querySelector('.icon');

container.addEventListener('scroll', function(e) {
  const scrollTop = container.scrollTop;
  icon.style.top = scrollTop + 'px';
});

在这个示例中，我们监听了 `.container` 元素的滚动事件，获取了滚动的距离 `scrollTop`，然后将其设置为 `.icon` 元素的 `top` 属性值，这样就可以实现图标跟随滚动移动的效果了。