如何在砌体中使用航点？

问题描述

我想使用带有航点的 masonry 来创建具有无限滚动的布局。

index.html

    <div class="gallery">
                
        <div class="container-fluid">
          
            <div class="grid">
              <div class="grid-sizer"></div>
              <div class="infinite-container">
                {% for wall in walls %}
                <div class="grid-item infinite-item">
                  <div class="img_info_size">{{ wall.wallpaper }}</div>
                  </a>
                </div>
                {% endfor %}
              </div>
            </div>
          
          </div>
    </div>
    
    {% if walls.has_next %}
        <a class="infinite-more-link" href="?page={{ walls.next_page_number }}">More</a>
      {% endif %}
    
    <script src="{% static '/js/online/jquery.waypoints.min.js' %}"></script>
    <script src="{% static '/js/online/infinite.min.js' %}"></script>
    
    <script>
      var infinite = new Waypoint.Infinite({
        element: $('.infinite-container')[0]
      });

</script>

<script>
    var elem = document.querySelector('.grid');
var $grid = new Masonry( elem,{
  // options
  itemSelector: '.grid-item',percentPosition: true,columnWidth: '.grid-sizer',});


</script>

。 .

这可以工作并无限滚动，但砖石没有按应有的方式显示图像。 并在图像布局之间留出空间，就像这样...... .

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）