在100vh后更改滚动条上的导航栏颜色

// 监听滚动条位置的变化
window.addEventListener('scroll', function() {
  // 获取滚动条位置
  var scrollPosition = window.scrollY;

  // 当滚动条位置超过100vh时
  if (scrollPosition > window.innerHeight) {
    // 修改导航栏颜色
    var navbar = document.getElementById('navbar');
    navbar.style.backgroundColor = '#ff0000'; // 设置为红色
  } else {
    // 恢复导航栏原始颜色
    var navbar = document.getElementById('navbar');
    navbar.style.backgroundColor = '#000000'; // 设置为黑色
  }
});