如何解决如何在砌体中使用航点?
我想使用带有航点的 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 举报,一经查实,本站将立刻删除。