선생님, arrow 로 활용해서 스크립트 짜봤는데 왜 안될까요? ㅠㅠㅠ
224
hnsempty4208
5 asked
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>
javascript
Answer 0
10월 15일 삭제예정 강의 문의
0
42
1
강의제목에 10/15일 삭제라고 나와있는데,
0
48
1
스크립트 영상 미일치
0
78
3
감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.
0
59
2
강의 설명 중에 헷갈리는 것이 있네요
0
59
1
수업자료 관련 문의
0
69
3
1강 동영상 재생 오류
1
67
2
Composition단계에서 `Layer`는 누가 만드는지
0
44
1
Strict Mode 예시 질문!
0
63
2
수업이 안보여요
0
66
1
저자 블로그에 있는 강의는 어떤 강의인가요?
1
65
1
[해결됨]윈도우즈 환경에서 타입 스크립트 파일이 실행이 안됩니다.
1
87
5
4강 카드뉴스 자동화 자료가 안보입니다!!
0
110
2
윈도우즈 환경에서 진행중입니다.
0
64
2
4강 카드뉴스 자동화 자료
6
125
1
라이브 강의 영상 녹화본이 있을까요?
0
101
1
인증이 늦었습니다ㅜㅜ 확인부탁드립니다
0
91
1
안녕하세요, 동영상에 나온 예제를 전부 타이핑후 테스트 중입니다.
0
316
0
sublime text 코드가 크롬이 아니라 마이크로소프트 엣지로 저장이 됩니다.
0
288
0
jQuery 객체란 --> li.map()
0
266
0
아~ 에러가 나오죠~~
1
333
0
uncaught typeError
0
250
0
질문이요
0
313
0
감사합니다
1
211
0