div에 무한스크롤 적용하기 질문입니다.

// divBodyScroll의 스크롤이 동작할때에 함수를 불러옵니다.
  $('#divBodyScroll').scroll(function () {
   var current_mode = document.getElementById('current_mode').innerText;
   
   //스크롤 끝까지 닿으면 새로운 데이터 50개를 불러온다    
   var dh = $('#search_data_table').height();
   var wt = $('#divBodyScroll').scrollTop();

   if (dh == (wt+133)) {
    start += list;
    if(current_mode == '0'){
     append_list();
    }else{
     append_list_detail();
    }
    
   }
   //스크롤 끝까지 닿으면 새로운 데이터 50개를 불러온다 끝

});

<div id="divHeadScroll">
                        <table id="tblHead" border="0" >
                            <colgroup>
                                <col style="width:69px;" />
                                <col style="width:90px;" />
                            </colgroup>
                            <tr>
                                <th>제목</th>
                                <th>내용</th>
                            </tr>
                        </table>
                    </div>
                    <div id="divBodyScroll">
                      <table id="tblBody" border="0">
                          <tr id="search_data_table">
                          </tr>
                      </table>
                   </div>