스크롤 이벤트 2번 실행

[병아리짹짹]

스크롤 이벤트 2번째 숙제 관련 질문입니다

$(".lorem").on("scroll", function(){
    // 스크롤 바 내린 양
  var a = document.querySelector(".lorem").scrollTop;
  // div 실제 높이
  var b = document.querySelector(".lorem").scrollHeight;
// 눈에 보이는 div 높이
  var c = document.querySelector(".lorem").clientHeight;
  if (b-c-a<10) {
      alert("다 읽으셨습니다");
    }
})

으로 짰더니 2번 실행되었습니다. 구글링했더니 변수를 주고 변수를 바꾸면 된다고 하여

$(".lorem").on("scroll", function(){
    // 스크롤 바 내린 양
  var a = document.querySelector(".lorem").scrollTop;
  // div 실제 높이
  var b = document.querySelector(".lorem").scrollHeight;
// 눈에 보이는 div 높이
  var c = document.querySelector(".lorem").clientHeight;
  var d = 1;
  if (b-c-a<10) {
    if(d == 1) {
      alert("다 읽으셨습니다");
    d = 2;
    }
  }
})

라고 짰는데 (d에다가 숫자를 주고 1번 실행 된 후에는 d 숫자가 바뀌게 설정. d= true를 주고 false로 바꾸어도 마찬가지였습니다) 여전히 2번 실행되어 조언을 얻고 싶습니다

[codingapple]

var d = 1;를 이벤트리스너 바깥에 넣어봅시다

[글쓴이]

글