선생님, arrow 로 활용해서 스크립트 짜봤는데 왜 안될까요? ㅠㅠㅠ
213
hnsempty4208
投稿した質問数 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>
javascript
回答 0
챌린지 시작일 문의
0
5
0
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
10
1
11차시 Antigravity IDE 설치 후
0
14
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
9
1
5,6,7,8 내용이 없어요
0
12
1
ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?
0
9
1
mission 09-01 을 수행할 수 없어요
0
16
1
Context API vs Zustand 그리고 Auth
0
30
2
순수 함수 / 순수 컴포넌트
0
21
1
css box-sizing 관련 질문
0
32
2
스니펫이 이상해요
0
31
2
Editor Component의 최적화 불가능 이슈
0
37
2
useCallback ⊂ useMemo
0
34
2
깃허브 저장소를 어디에 첨부하셨나요?
1
39
1
nestjs 강의는 없나요??
1
40
2
스타터 저장소
1
42
1
What is Rxjs
0
31
1
안녕하세요, 동영상에 나온 예제를 전부 타이핑후 테스트 중입니다.
0
309
0
sublime text 코드가 크롬이 아니라 마이크로소프트 엣지로 저장이 됩니다.
0
276
0
jQuery 객체란 --> li.map()
0
254
0
아~ 에러가 나오죠~~
1
324
0
uncaught typeError
0
241
0
질문이요
0
301
0
감사합니다
1
202
0