问HTML页面，加载10项，然后等待滚动并加载更多

EN

{% extends "layout.html" %}
{% block content %}
<div class="container">
    {% for i in range(data|length) %}
    <div class="re-container">
        <div class="re-container-item">
            <div class="re-item">
                <image class="re-img" src="{{url_for('static', filename='img/' + data.UNIQUE_RE_NUMBER[i].replace('/', '-') + '.jpg')}}" onerror="if (this.src != 'static/img/default.jpg') this.src = 'static/img/default.jpg';"></image>
            </div>
        </div>
        <div class="re-container-item">
            <div class="re-item">
                <p>{{ data.LOCATION[i] }}</p>
                <p class="re-date"> {{ data.MIN_DATE[i] }}  -  {{ data.MAX_DATE[i] }} </p>
            </div>
            <div class="re-item">
                <p>{{ data.ADDRSS[i] }}</p>
            </div>
            <div class="re-item">
                <p><a class="article-title" href="{{url_for('/dashapp/', ure=data.UNIQUE_RE_NUMBER[i])}}">{{data.UNIQUE_RE_NUMBER[i]}}</a></p>
                <p class="re-price">{{data.RE_PRICE[i]}}</p>
                <hr>
            </div>
            <div class="re-item">
                <p>{{data.RE_INFO[i]}}</p>
            </div>
            {% if current_user.is_authenticated %}
                <div class="re-item">
                    <form action="{{ url_for('saved') }}" method="POST">
                        <input type="hidden" value="{{ data.LOCATION[i] }}" name="location">
                        <input type="hidden" value="{{ data.UNIQUE_RE_NUMBER[i] }}" name="unique">
                        <input type="hidden" value="{{ data.ADDRSS[i] }}" name="address">
                        <input type="hidden" value="{{ data.RE_INFO[i] }}" name="info">
                        <input type="hidden" value="{{ data.RE_HREF[i] }}" name="href">
                        <input type="hidden" value="{{ data.TYP_ID[i] }}" name="typ">
                        <input type="hidden" value="{{ data.RE_POLOHA[i] }}" name="poloha">
                        <input type="hidden" value="{{ data.RE_DRUH[i] }}" name="druh">
                        <input type="hidden" value="{{ data.RE_TYP[i] }}" name="re-typ">
                        <input type="hidden" value="" name="dispozice">
                        <input type="hidden" value="" name="f_druh">
                        <input type="hidden" value="" name="pplocha">
                        <input type="hidden" value="" name="plocha">
                        <input type="hidden" value="" name="l_druh">
                        <input type="hidden" value="" name="site">
                        <input type="hidden" value="{{ data.MIN_DATE[i] }}" name="min_d">
                        <button class="re-button" type="submit">Save</button>
                    </form>
                </div>
            {% endif %}
            <div class="re-item">
                <p>Poloha domu/vily: {{data.RE_POLOHA[i]}}</p>
            </div>
            <div class="re-item">
                <p>Druh domu/vily: {{data.RE_DRUH[i]}}</p>
            </div>
            <div class="re-item">
                <p>Typ domu/vily: {{data.RE_TYP[i]}}</p>
            </div>
            <div class="re-item">
                {% if data.RE_HREF[i] != None %}
                    <a href="{{data.RE_HREF[i]}}">More here</a>
                {% endif %}
            </div>
        </div>
    </div>
    {% endfor %}
</div>
{% endblock content %}