Javascript 什么'；classList.add怎么了？

在我正在做的一个项目中，主页有自己独特的英雄形象，而其余的子页面则有一个普通形象

我正在尝试根据当前滚动位置添加和删除类（这将固定导航栏的位置，并在英雄上添加填充）

我可以在主页上看到，但在子页面上看不到。代码如下：

<script>
// When the user scrolls the page, execute myFunction 
window.onscroll = function() {myFunction()};

// Get the navbar
var navbar = document.getElementById("navbar_cont");
var media = document.getElementById("media");
var innerMedia = document.getElementById('media_inner');

// Get the offset position of the navbar
var sticky = navbar.offsetTop;

// Add the sticky class to the navbar when you reach its scroll   position. Remove "sticky" when you leave the scroll position
function myFunction() {
    if (window.pageYOffset >= sticky) {
        navbar.classList.add("sticky");
        media.classList.add("stickyPad");
        innerMedia.classList.add("stickyPad");
    } else {
        navbar.classList.remove("sticky");
        media.classList.remove("stickyPad");
        innerMedia.classList.remove("stickyPad");
    }
}
</script>

//当用户滚动页面时，执行myFunction
window.onscroll=function（）{myFunction（）}；
//获取导航栏
var navbar=document.getElementById（“navbar_cont”）；
var media=document.getElementById（“媒体”）；
var innerMedia=document.getElementById（'media_inner'）；
//获取导航栏的偏移位置
var sticky=navbar.offsetTop；
//到达滚动位置时，将sticky类添加到导航栏。离开滚动位置时移除“粘性”
函数myFunction（）{
如果（window.pageYOffset>=粘性）{
navbar.classList.add（“粘性”）；
media.classList.add（“stickyPad”）；
innerMedia.classList.add（“stickyPad”）；
}否则{
navbar.classList.remove（“粘性”）；
media.classList.remove（“粘贴板”）；
innerMedia.classList.remove（“stickyPad”）；
}
}

我可以为navbar和media添加和删除类，但不能为innerMedia添加和删除类。但是，如果我交换媒体和innerMedia的顺序，我现在可以让它与innerMedia一起工作，而不是与media一起工作

任何线索都将不胜感激！

---

Jason

你能发布html和css吗？据我所知，这应该是可行的，但在没有看到页面的样式和结构的情况下，不清楚问题出在哪里。这很有希望！谢谢你看。也许这是基于div是如何生成的。。。我不确定html会有多大帮助，因为我们使用一个带有专有条件的平台。但这里是：根据满足的条件（主页与非主页），然后提供div和image。看不到任何东西，或者我遗漏了什么？哎呀，对不起。刚刚更新了我的原始回复。没问题：）你能把stickyPad和stickyPad的css也添加进去吗？