선생님, arrow 로 활용해서 스크립트 짜봤는데 왜 안될까요? ㅠㅠㅠ
196
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
3강 질문
0
18
1
74. 데이터 캐시 - 1 (이론) 강의 영상 누락
0
27
1
2강 nodejs 3단계 설명 질문
0
33
1
imagesLoaded에 관한 질문
0
19
2
useEffect와 lifecycle문의
0
26
2
프론트엔드 학습 수준 문의
0
37
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
48
2
최근 코테, 과제 테스트 트렌드
0
68
2
lucide react 아이콘 설치
0
46
2
17강 zustand store 서버에서 생성
1
36
1
문의관련 문의
0
44
2
next.js 를 2대이상 실행하는 경우 제공하는 cache 기능들은 어떻게 되나요?
0
56
2
76. 전문성 더하기: 놓치면 아쉬운 관련 기술들 수업 자료가 없어요.
0
48
2
ai 도구 질문
0
31
1
저는 왜 콘솔에서 props가 한 줄만 찍히나요?
0
47
1
렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.
0
48
2
데이터 로딩중 화면만 계속 나와요!!
0
55
2
안녕하세요, 동영상에 나온 예제를 전부 타이핑후 테스트 중입니다.
0
287
0
sublime text 코드가 크롬이 아니라 마이크로소프트 엣지로 저장이 됩니다.
0
255
0
jQuery 객체란 --> li.map()
0
243
0
아~ 에러가 나오죠~~
1
308
0
uncaught typeError
0
214
0
질문이요
0
284
0
감사합니다
1
194
0