inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

-addEventListener()

선생님, arrow 로 활용해서 스크립트 짜봤는데 왜 안될까요? ㅠㅠㅠ

226

빈공간

작성한 질문수 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

18

1

Part2 수강 방법

0

45

1

20강 4분 30초 코드와 6분 30초 코드 관련 질문

0

46

1

영상에서 소개되는 코드와 강의 노트 코드가 달라요

0

47

1

오디오 문제

0

60

2

TTL 산정 기준

0

46

1

10월 15일 삭제예정 강의 문의

0

62

1

강의제목에 10/15일 삭제라고 나와있는데,

0

65

1

스크립트 영상 미일치

0

103

3

감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.

0

71

2

강의 설명 중에 헷갈리는 것이 있네요

0

84

2

수업자료 관련 문의

0

92

3

1강 동영상 재생 오류

1

82

2

Composition단계에서 `Layer`는 누가 만드는지

0

58

1

Strict Mode 예시 질문!

0

75

2

수업이 안보여요

0

78

1

저자 블로그에 있는 강의는 어떤 강의인가요?

1

76

1

안녕하세요, 동영상에 나온 예제를 전부 타이핑후 테스트 중입니다.

0

320

0

sublime text 코드가 크롬이 아니라 마이크로소프트 엣지로 저장이 됩니다.

0

294

0

jQuery 객체란 --> li.map()

0

272

0

아~ 에러가 나오죠~~

1

337

0

uncaught typeError

0

252

0

질문이요

0

318

0

감사합니다

1

216

0