JavaScript生成的物化卡显示问题

我有一些渲染的卡片要在网站上展示。除第一个外，所有的都正确显示。当您滚动页面时，第一张卡的图像将滚动，并且只占用图像空间的一半。其余的牌一点问题都没有

<div class="parallax">
{% if object_list.count == 0 %}

Nothing found

{% else %}
<!--   Icon Section   -->
    <div class="row">
    {% for member in object_list %}

        <div class="col s12 m6 l3">
            {% if member.get_image_url %}
            <div class="card medium">
                <div class="card-image">
                    <img src="{{ member.get_image_url }}"/>
                </div>
                <div class="card-content">
                    <span class="card-title  activator">
                        {{ member.title }} <i class="material-icons right">more_vert</i>
                    </span>
                </div>

                <div class="card-reveal">
                    <span class="card-title grey-text text-darken-4"> {{member.title}} <i class="material-icons right">close</i></span>
                    <p>{{ member.summary}} </p>
                </div>

                <span class="btn btn-flat"> <a href="{{ member.slug }}/"> find out more </a></span>

            </div> <!-- #endcard -->
            {% endif %}
        </div> <!-- #end col -->

    {% endfor %}

    </div> <!-- #end row -->
    {% endif %}

</div>

{%if object_list.count==0%}
什么也没找到
{%else%}
{对象_列表%中的成员的百分比}
{%if member.get_image_url%}
{{member.title}更多信息
{{member.title}}关闭
{{member.summary}

{%endif%}
{%endfor%}
{%endif%}

---

我已经改变回原来的CSS为物化卡，仍然有相同的问题。由于所有卡共享同一块HTML代码，因此不确定要更改哪些仅影响第一张卡。而且，如果Django框架有助于调试，我将使用它。有什么想法吗？

我通过删除class=“parallax”修复了它。我想我的视差有问题，CSS会解决的

这个问题与样式有关。所以你应该提供简化的html而不是模板代码。我想我的视差有问题，CSS会解决的！