如何添加:当我的窗口滚动大于50时，悬停在我的类.active上

要实现当窗口滚动大于50时悬停在类.active上，可以通过以下步骤来实现：

1. 首先，需要使用JavaScript来监听窗口滚动事件。可以使用window.addEventListener方法来添加滚动事件的监听器。

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

1. 在滚动事件的处理逻辑中，可以使用window.scrollY属性来获取当前窗口的垂直滚动距离。然后判断滚动距离是否大于50。

window.addEventListener('scroll', function() {
  if (window.scrollY > 50) {
    // 当滚动距离大于50时的处理逻辑
  }
});

1. 在滚动距离大于50时的处理逻辑中，可以通过修改类.active的样式来实现悬停效果。可以使用document.querySelector方法来获取类.active的元素，然后使用element.classList.add方法来添加一个新的类，该类可以定义悬停时的样式。

window.addEventListener('scroll', function() {
  if (window.scrollY > 50) {
    var activeElement = document.querySelector('.active');
    activeElement.classList.add('hover');
  }
});

1. 最后，需要在CSS中定义.hover类的样式，以实现悬停效果。

.hover {
  /* 在这里定义悬停时的样式 */
}

综上所述，以上是实现当窗口滚动大于50时悬停在类.active上的步骤。请注意，这只是一个示例，具体实现方式可能因项目需求和技术栈而有所不同。