Html 滚动上的粘性导航>；为页面内容添加类

我正在使用一个脚本，并想调整它-但它不工作。也许有人能帮我。 脚本：

此脚本将类添加到导航中。 我想在这个函数中将“padding page”类添加到“page content”类中（同时将其删除），因为粘性导航不再是相对的，“page content”跳到顶部48 px以上。

请尝试此操作

window.onscroll = function() {myFunction()};

var navigation = document.getElementById("navigation");
var sticky = navigation.offsetTop;

function myFunction() {
  if (window.pageYOffset > sticky) {
    navigation.classList.add("sticky padding-page");
  } else {
    navigation.classList.remove("sticky padding-page");
  }
}

找到解决方案：

window.onscroll = function() {myFunction()};

var navigation = document.getElementById("navigation");
var welcome = document.getElementById("welcome");
var sticky = navigation.offsetTop;

function myFunction() {
  if (window.pageYOffset > sticky) {
    navigation.classList.add("sticky"); welcome.classList.add("padding-page");
  } else {
    navigation.classList.remove("sticky"); welcome.classList.remove("padding-page");
  }
}

---

刚刚为第一个内容创建了一个id，并将padding page添加到此：）工作正常

，但此版本将padding page类添加到导航中，但它应该将其添加到content page类中。

window.onscroll = function() {myFunction()};

var navigation = document.getElementById("navigation");
var welcome = document.getElementById("welcome");
var sticky = navigation.offsetTop;

function myFunction() {
  if (window.pageYOffset > sticky) {
    navigation.classList.add("sticky"); welcome.classList.add("padding-page");
  } else {
    navigation.classList.remove("sticky"); welcome.classList.remove("padding-page");
  }
}