滚动时更改固定位置div的颜色

是一种常见的前端开发需求，可以通过以下步骤实现：

首先，需要监听滚动事件。可以使用JavaScript中的scroll事件来实现，通过addEventListener方法将事件绑定到window对象上。

window.addEventListener('scroll', function() {
  // 在这里编写滚动时的逻辑
});

在滚动事件的回调函数中，可以获取滚动的位置。可以使用window.pageYOffset属性来获取垂直方向上的滚动距离。

window.addEventListener('scroll', function() {
  var scrollTop = window.pageYOffset;
  // 在这里编写滚动时的逻辑
});

根据滚动的位置，可以更改固定位置div的颜色。可以通过获取固定位置div的DOM元素，并使用style属性来修改其样式。

window.addEventListener('scroll', function() {
  var scrollTop = window.pageYOffset;
  var fixedDiv = document.getElementById('fixed-div'); // 假设固定位置div的id为'fixed-div'
  
  if (scrollTop > 100) {
    fixedDiv.style.backgroundColor = 'red'; // 当滚动距离大于100时，将背景颜色设置为红色
  } else {
    fixedDiv.style.backgroundColor = 'blue'; // 当滚动距离小于等于100时，将背景颜色设置为蓝色
  }
});

以上代码示例中，当滚动距离大于100时，将固定位置div的背景颜色设置为红色；当滚动距离小于等于100时，将背景颜色设置为蓝色。你可以根据实际需求进行修改。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm