JavaScript更改滚动条上元素的外观

JavaScript更改滚动条上元素的外观,javascript,html,css,Javascript,Html,Css,好的,我有了这个JavaScript,它工作得非常好 var header=document.getElementById('header'); window.onscroll=函数(){ “严格使用”; 如果(document.body.scrollTop>=6){ header.className='header colored'; }否则{ header.className='header transparent'; } };您对箭头的声明是复数形式的。改变这个 var arrow

好的,我有了这个JavaScript,它工作得非常好

var header=document.getElementById('header');
window.onscroll=函数(){
“严格使用”;
如果(document.body.scrollTop>=6){
header.className='header colored';
}否则{
header.className='header transparent';
}

};您对
箭头的声明是复数形式的。改变这个

  var arrow = document.getElementsById('arrowToTop');


我不明白你怎么会不出错。这不是JS函数。

您的浏览器检查器控制台上是否显示任何错误?不,问题在于一个字母太多:)简单:)谢谢!顺便问一下,把
arrow.className
改成
arrow.id
行吗?很高兴能帮上忙。如果它解决了您的问题,请将其标记为答案。不,您使用的是元素的CSS类,所以您需要将该类设置为className对象,而不是ID。是的,现在就标记它!当然,我会把css从class改为ID。使用类的问题是,元素需要有
材质图标
类才能正确显示图标。当我更改它时,将显示文本
箭头图标
,而不是箭头图标。
 var arrow = document.getElementById('arrowToTop');