강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

빈공간님의 프로필 이미지
빈공간

작성한 질문수

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

-addEventListener()

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

작성

·

195

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>

퀴즈

웹 브라우저에서 이벤트 핸들러를 등록하는 가장 권장되는 방법은 무엇일까요?

인라인 방식

프로퍼티 리스너 방식

addEventListener() 메소드

HTML 속성 방식

답변

답변을 기다리고 있는 질문이에요
첫번째 답변을 남겨보세요!
빈공간님의 프로필 이미지
빈공간

작성한 질문수

질문하기