선생님, arrow 로 활용해서 스크립트 짜봤는데 왜 안될까요? ㅠㅠㅠ
203
빈공간
작성한 질문수 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
교재(3쇄)와 강의 내용 문의
0
16
2
섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.
0
19
1
call stack 표현이 잘못표현된것이 아닌가요?
0
51
2
React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.
0
34
1
일반 강의와 차이점?
1
52
1
!= 연산자의 역할
0
35
1
중요하진 않지만 설명하신부분에서 안된부분..
1
34
1
강의 듣는 순서가 어떻게 되나요?
0
48
1
stopPropagation()에 대해서 질문 있습니다.
0
49
2
12.13) 하단 여백 스타일링 관련 질문 드립니다.
0
63
2
27강 Context내 RSC 사용 관련 문의
0
80
3
혹시 다음 강의 제작 예정된 것들이 있을까요?
0
77
1
Enable Linting 항목을 찾을수가 없습니다.
0
45
2
에러 질문드립니다
0
62
2
1강 질문
0
67
2
윈도우에서는동작줄이기가어디에있을까요??
0
34
1
백오피스를 개발할 때 아키텍처 구성에 대한 질문
0
55
3
안녕하세요, 동영상에 나온 예제를 전부 타이핑후 테스트 중입니다.
0
296
0
sublime text 코드가 크롬이 아니라 마이크로소프트 엣지로 저장이 됩니다.
0
263
0
jQuery 객체란 --> li.map()
0
247
0
아~ 에러가 나오죠~~
1
315
0
uncaught typeError
0
218
0
질문이요
0
288
0
감사합니다
1
196
0