django/bootstrap/desplazamiento infinito ( https://infinite-scroll.com )
Quiero agregar desplazamiento infinito a mi página de noticias. Queryset con 2 tipos de noticias, grandes (col-lg-8) y pequeñas (col-lg-4). Ahora tengo problemas con los bloques (ver imagen de ejemplo). ¿Cómo hacer que la página de paginación se agregue a la fila de la página anterior?
<div class="container"> <div class="article-feed"> <div class="row iscroll"> {% for art in all %} {% if art.banner_page %} <div class="col-lg-8 mb-2 mt-2"> <img class="card-img-top" src="{{art.banner.url}}" > </div> {% else %} div class="col-lg-4 mb-2 mt-2 "> <img class="card-img-top" src="{{art.banner.url}}" > </div> {% endif %}{% endfor %} <p class="pagination"> <a class="pagination__next" href="?page={{ page_obj.next_page_number }}"> </a></p> <script src="{% static "js/infinite-scroll.pkgd.min.js" %}"></script> <script> $('.article-feed').infiniteScroll({ path: '.pagination__next', append: '.iscroll', }); </script>