JavaScript更改滚动条上元素的外观
好的,我有了这个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
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');