当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实现它。

$( '#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