[英]Vanilla JS, Add and Remove on Class on Scroll position
Hey i am trying to add a class depending on the scroll position.嘿,我正在尝试根据滚动位置添加一个类。 It worked in Jquery but i want to move to vanilla, it doesn't work.
它在 Jquery 中工作,但我想转向香草,它不起作用。 What am i missing?
我错过了什么?
IF the User scrolls to position 30px it should add the class .c-logo--scrolled如果用户滚动到位置 30px 它应该添加类 .c-logo--scrolled
Console Error:控制台错误:
Uncaught TypeError: Cannot read property 'add' of undefined at add_class_on_scroll (app.min.js:17) at app.min.js:29未捕获的类型错误:无法在 app.min.js:29 处读取 add_class_on_scroll (app.min.js:17) 处未定义的属性“添加”
var scrollPosition = window.scrollY;
var logoContainer = document.getElementsByClassName('js-logo');
window.addEventListener('scroll', function() {
scrollPosition = window.scrollY;
if (scrollPosition >= 30) {
logoContainer.classList.add('c-logo--scrolled');
} else {
logoContainer.classList.remove('c-logo--scrolled');
}
});
var logoContainer = document.getElementsByClassName('js-logo');
var logoContainer = document.getElementsByClassName('js-logo')[0];
Then:然后:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.