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