Question

我有以下Django模板：

<div id = 'test'>
        <form>
            <ul id = 'dialog_list_container'>
                {% include page_template %}
                {% block js %}
                    {{ block.super }}
                    <script src="/static/js/el-pagination.js"></script>
                    <script src="/static/js/el-pagination_on_scroll.js">  
                    </script>
                    <script>
                        $("#test").endlessPaginate({
                            paginateOnScroll: true,
                            paginateOnScrollMargin: 100
                        });
                    </script>
                {% endblock %}
            </ul>
            <div class="ajax_loader"></div>
        </form>
    </div>

test是一个可滚动的元素：

#test{
   overflow-y: auto;
   height: 500px;
}

问题是我仍然需要手动按下分页列表底部的Show more链接，而我希望在滚动到test底部时自动上传新记录。我想，原因是当浏览器窗口滚动时，Django对滚动触发的分页会触发。

如果容器具有css overflow-y: auto属性，是否有任何无痛的方法可以让Django上传新记录？

Answer 1

$.endlessPaginate绑定到整个页面。如果您想专注于一个元素，则需要专门针对该元素：

$("#test").endlessPaginate({
    paginateOnScroll: true,
    paginateOnScrollMargin: 20
});

P.S。 id（和类）的标准是连字符而不是下划线：#dialog-list-container

在溢出容器的情况下，Django无休止地滚动页面

1 个答案: