-
JavaScript / scroll stop event 주기Web dev/JavaScript 2022. 4. 16. 14:47728x90반응형
유용할 것 같아서 메모 ㅎㅎ
바닐라스크립트로 scrollstop 이벤트 주기
<!doctype html> <html> <body style="height: 200px;"> <div style="background: silver; height: 600px;"> Scroll me up, down, up down and stop! </div> <script> function createScrollStopListener(element, callback, timeout) { var handle = null; var onScroll = function() { if (handle) { clearTimeout(handle); } handle = setTimeout(callback, timeout || 200); // default 200 ms }; element.addEventListener('scroll', onScroll); return function() { element.removeEventListener('scroll', onScroll); }; } // Example usage: createScrollStopListener(window, function() { console.log('onscrollstop'); }); </script> </body> </html>
728x90반응형'Web dev > JavaScript' 카테고리의 다른 글
JS / selectBox custom하기 (0) 2022.10.30 JS / 가격콤마찍기 Price new Intl.NumberFormat() (0) 2022.05.07 JavaScript / fetch() 로 html include 하기 (0) 2022.04.16 JavaScript / 브라우저 화면 넓이, 높이 값 구하기 (0) 2022.04.15 JavaScript / Scroll event , scrollTop 구하기 (0) 2022.03.25