Сгенерированный JavaScript проблема отображения карт Materialise

Question

У меня есть карта, которая будет отображаться на веб-сайте.Все отображается правильно, кроме первого.Изображение для первой карты прокручивается при прокрутке страницы, и оно занимает только половину пространства изображения.У остальных карт проблем нет вообще.

<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>

Я вернулся к исходному CSS для карты Materialise, но проблема остается той же.Не уверен, что изменить, что касается только первой карты, учитывая, что все карты совместно используют один и тот же блок кода HTML.И я использую фреймворк Django, если он помогает отлаживать.Есть идеи?

Answer 1

Я исправил это, удалив class = "parallax".Я полагаю, что в моем параллаксе есть проблема, CSS решит это!