[JS라이브러리] Lodash로 스크롤이벤트제어

JS라이브러리인 Lodash를 사용하여 스크롤이벤트 제어

 

스크롤이벤트를 제어하여 과부하를 방지하도록 한다.

 

Lodash cdn을 검색해서 복사 붙여넣기하여 연결

https://cdnjs.com/libraries/lodash.js

lodash.js - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers

 

 

콘솔로그에서 스크롤을 찍었을 때와

- window.addEventListener("scroll", function ( ) {
	console.log(window.scrollY);
}

Lodash를 사용하여 제어를 하였을 때의 차이

window.addEventListener("scroll", _.throttle(function () {
    console.log(window.scrollY);
  }, 300)
);

콘솔창을 확인해서 보면 확인이 가능하다.

 

사용법은

_.throttle(함수, 시간) 순으로 사용하면 되는데 시간의 단위는 ms이다.