IDで1つ以上のonscroll要素

Question

このコードは機能しますが、私はまた1つのDivのクラスを変更したいと思います。どうすればいいですか？私はそれがgetElementById（）で動作しないことを知っている。これは非常にシンプルなものかどうかは判断できません。私は「ロゴ」あまりに

<div id="header"> 
    <a href="index.html"> 
     <img id="logo"> 
    </a> 
<ul> 
    <li><a href="index.html">Etusivu</a></li> 
    <li><a href="#">Kauppa</a></li> 
</ul> 
</div> 

Answer 1

まあ、ナマズにクラスを追加したい

<script> 
window.onscroll = function() {myFunction()}; 

function myFunction() { 
    if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) { 
     document.getElementById("header").className = "fixed"; 
    } else { 
     document.getElementById("header").className = ""; 
    } 
} 
</script> 

は、すでに動作している行を複製し、idを変更からあなたを止めるものは何もありません。私はそれがgetElementById()で動作しないことを知っているということであなたが意味することを本当に理解していません。

window.onscroll = function() { 
    if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) { 
     document.getElementById("header").className = "fixed"; 
     document.getElementById("logo").className = "fixed"; 
    } else { 
     document.getElementById("header").className = ""; 
     document.getElementById("logo").className = ""; 
    } 
};