如何使用带有自定义溢出/自定义滚动条的django无限滚动？

Question

我想为网页实现Django航点无限滚动，并且也已经成功实现了默认滚动条。但是，当我将其应用到自定义滚动条时，它会无限滚动地一次加载所有页面。它不等待滚动加载下一页。

使用的Django Waypoint插件：

<script src="{% static 'js/jquery.waypoints.min.js' %}"></script> <script src="{% static 'js/infinite.min.js' %}"></script>

代码概述：

<div class="panel panel-height panel-flat">
    <div class="panel panel-info" style="">
        <div class="panel-body">
            <ul class="media-list dropdown-content-body" style="padding:1% 27%;">
                <div class="infinite-container" style="overflow: 
               auto;height:70%">
                    <div class='infinite-item'>
                        <span>...some content..</span>
                    </div>
                </div>
             </ul>
        </div>
    </div>
</div>