선생님, arrow 로 활용해서 스크립트 짜봤는데 왜 안될까요? ㅠㅠㅠ
209
빈공간
작성한 질문수 5
0
var partOne = document.querySelectorAll(".one h2");
const h2_add = () => {
partOne.classList.add("on");
};
const h2_remove = () => {
partOne.classList.remove("on");
};
window.addEventListener("scroll", () => {
var scrollPos = window.scrollY;
console.log(scrollPos);
const one = document.querySelector(".one").offsetTop;
// .offset().top;
if (scrollPos >= one) {
h2_add();
} else {
h2_remove();
}
});
<section class="one">
<article class="one__inner">
<div class="one__inner-item">
<div class="desc">
<h2>Vision Description</h2>
</div>
<div class="photo">
<img src="img/1.jpg" alt="" />
</div>
<button type="button">더보기</button>
</div>
<div class="one__inner-item">
<div class="desc">
<h2>Vision Description</h2>
</div>
<div class="photo">
<img src="img/1.jpg" alt="" />
</div>
<button type="button">더보기</button>
</div>
</article>
</section>
답변 0
안녕하세요 한번 더 문의드립니다.
0
20
1
81강 실습 자료 없음
0
21
2
선생님 공유해주신 핸드북에 링크가 몇개 잘못되었어요
0
27
2
62강 실습자료가 잘못되었습니다.
0
25
1
코드 자료는 없는걸까요?
0
53
3
강의 목표
0
35
1
강의 노트 위주로 학습
0
39
1
쿠키 생성 관련
0
67
3
JWT auth error invalid token
0
63
2
경력기술서는 어떤 방향이 좋을까요?
0
52
2
MSA 와 BFF 아키텍처 설명 부분에 대한 문의
0
53
1
eslint.config.js 설정 질문입니다.
0
64
2
7강 흐름 제어 아키택쳐 코드 순서
1
53
1
수업자료 어디서 찾아볼 수 있나요?
0
47
2
함수 강의의 정답.. 어떤가요?
0
40
1
깃권한요청드립니다
0
39
1
<div id="banner">배너 이미지</div> 관련 질문
0
34
1
안녕하세요, 동영상에 나온 예제를 전부 타이핑후 테스트 중입니다.
0
305
0
sublime text 코드가 크롬이 아니라 마이크로소프트 엣지로 저장이 됩니다.
0
270
0
jQuery 객체란 --> li.map()
0
253
0
아~ 에러가 나오죠~~
1
322
0
uncaught typeError
0
236
0
질문이요
0
299
0
감사합니다
1
200
0