[JQuery/JS/HTML] 스크롤이 맨 아래 일때

//스크롤바 조작중이면
$(".chatWrap").scroll(function (){
// 현재 영역의 가장 위 
var scrollTop = $(this).scrollTop();
// 현재 보이는 영역의 높이(스크롤로 감춰진곳은 계산 X)
var innerHeight = $(this).innerHeight();
//  스크롤 포함 영역의 높이(스크롤로 감춰진곳 계산 O)
var scrollHeight = $(this).prop('scrollHeight');

  // 스크롤 맨 아래 일때
  if (scrollTop + innerHeight >= scrollHeight) {
  	console.log("스크롤 맨 아래일때");
  // 스크롤 중일때
  } else {
      console.log("스크롤 중");
  }
});