当页面相对于部分滚动时，我如何更改nav li上的活动类？

const scrollContainer = document.getElementById('scroll-container'); // 替换为实际的滚动容器ID
scrollContainer.addEventListener('scroll', handleScroll);

function handleScroll() {
  const scrollTop = scrollContainer.scrollTop;
  // 根据scrollTop的值来判断当前页面相对于部分滚动的位置，并进行相应的操作
  // 例如，当滚动到某个位置时，给对应的nav li添加活动类
  if (scrollTop > 200) {
    // 滚动位置超过200时，给nav li添加活动类
    document.getElementById('nav-li').classList.add('active'); // 替换为实际的nav li元素ID
  } else {
    // 滚动位置未超过200时，移除nav li的活动类
    document.getElementById('nav-li').classList.remove('active'); // 替换为实际的nav li元素ID
  }
}

.active {
  color: red;
  font-weight: bold;
}