当我滚动图像时，如何移动图像上添加的图钉？

当滚动图像时，移动图像上添加的图钉可以通过以下步骤实现：

1. 监听滚动事件：在前端开发中，可以通过JavaScript监听滚动事件。使用addEventListener方法绑定scroll事件，当滚动发生时触发相应的处理函数。
2. 获取图钉元素：通过DOM操作，获取添加在图像上的图钉元素。可以使用getElementById、getElementsByClassName等方法获取相应的元素。
3. 计算图钉位置：根据滚动的距离和图像的位置，计算图钉应该相对于图像的位置进行移动。可以使用offsetTop和offsetLeft属性获取图钉相对于父元素的位置。
4. 移动图钉：根据计算得到的位置，使用CSS的transform属性或者修改元素的top和left属性，实现图钉的移动。可以使用translate、translateX、translateY等属性进行平移操作。
5. 更新图钉位置：在滚动事件的处理函数中，不断更新图钉的位置，使其保持与图像的相对位置不变。

以下是腾讯云相关产品和产品介绍链接地址：

• 腾讯云前端部署服务：提供静态网站托管、CDN加速等服务，适用于前端开发和部署。详情请参考：腾讯云前端部署服务
• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于后端开发、服务器运维等场景。详情请参考：腾讯云云服务器（CVM）
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储图像等多媒体文件。详情请参考：腾讯云对象存储（COS）

请注意，以上仅为腾讯云相关产品的示例，其他云计算品牌商也提供类似的产品和服务。