강의

멘토링

커뮤니티

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

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

작성한 질문수

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

-addEventListener()

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

작성

·

187

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>

답변

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

작성한 질문수

질문하기