// 스크롤 멈춤 감지
$.fn.scrollStopped = function (callback) {
let _this = this, $this = $(_this);
$this.scroll(function(event) {
clearTimeout($this.data('scrollTimeout'));
$this.data('scrollTimeout', setTimeout(callback.bind(_this), 250, event));
});
};
addEventListener("scroll", e => {
$(window).scrollStopped(function (ev) {
// console.log("멈춤")
});
})
let lastScrollY = 0;
addEventListener("scroll", e => {
const scrollY = window.scrollY;
// 스크롤 올렸을때, 내렸을때
if (scrollY < lastScrollY) {
} else {
}
// 현재의 스크롤 값을 저장
lastScrollY = scrollY;
})
'코딩 공부 > JS' 카테고리의 다른 글
JS,HTML - 세션 스토리지를 "잘" 써보자! (0) | 2022.12.30 |
---|---|
[JS] - 셀렉트박스 커스텀하게 사용하기 (라이브러리 수정해서 쓰기) (0) | 2022.12.07 |
jquery - load 함수 쓰기 (0) | 2022.12.06 |
[JS] - 상품관리 수정 (페이지 로드시 내용 집어넣기, 추가, 삭제) (0) | 2022.10.28 |
[JS] - 동적으로 생성해야 하는 경우 -상품관리 등록 (셀렉트 박스 내용 넣기) (0) | 2022.10.28 |