inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹브라우저 Javascript (자바스크립트)

-addEventListener()

선생님, 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>

javascript

답변 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