addEventListener('resize', )

브라우저 화면의 크리가 변할 시 즉, documnet view가 변경될 때 발생된다.

최초에 발생하는 default 이벤트리스터가 있어야하고, 그 다음에 resize를 적용하는 코드를 작성해야한다.

작성법

(예시)

const eventSection = document.addEventListener('.eventGenerateSection');
const handleSection = () => {
    . 
    . 
    .
}

eventSection.addEventListener('scroll', handleSection)
eventSection.addEventListener('resize', () => {
  if(window.innerWidth <= screenSize.large) {
    window.removeEventListener('scroll', handleSection);
  }else{
    if(scrollY <= scrollMax || pageYOffset <= scrollMax){
    window.addEventListener('scroll', handleSection);
  }
})

*scrollY === pageYOffset
크롬에서는 scrollY가 허용되지만 IE에서는 불허이기에 pageYOffset를 섞어서 조건문을 작성하였다.