2016-11-04 40 views
0

这段代码有效,但我也想改变一个div类,我该怎么办?我知道它不适用于getElementById()。即时通讯新的JS,所以不要判断这是非常简单的事情。不止一个onscroll元素编号

<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> 

我想补充类“标志”太

<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> 
+0

请出示您的HTML代码。 –

+0

document.getElementById('idOfDiv')。className ='newClassName'; – Mahi

+0

将div ID传递给myFunction,并使用两个div的ID来调用它两次。 –

回答

0

好,鲶鱼,并没有什么东西复制已经工作线路和改变id阻止你。我不太明白你的意思,说你知道它不适用于getElementById()

另外,如果你不使用myFunction()其他地方,它使更清晰的代码使用匿名函数,像这样:

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 = ""; 
    } 
};