div가 스크롤 될 때 javascript 함수를 실행하십시오.

Question

사용자가 스크롤하여 div를 볼 때 onclick 함수를 실행하는 방법은 무엇입니까? 사용자가이 버튼을 클릭하는 대신 자동으로로드되는 무한 스크롤을 설정하려고합니다.

요소가 다른 div에서 가로로 스크롤됩니다.

<div id="bottom_end" class="next"> 
    <a onclick="load_more('/orderby/rising/page/12', '12', 'app_index')"></a> 
    <p>Load more<br>in scroll</p> 
</div> 

Answer 1

Jquery를 사용하여 달성 할 수 있습니다. http://stackoverflow.com/questions/ :

$('#yourdiv').scroll(function() { 
    if ($(this)[0].scrollHeight - $(this).scrollTop() <= $(this).outerHeight()){ 
     //ajax method for getting your data 
     //append response data to your div 
    } 
}); 

How to implement ajax using jquery