[英]JavaScript generated Materialize cards display problem
我有一些渲染卡要顯示在網站上。 除第一個顯示外,所有顯示均正確。 當您滾動頁面時,第一張卡片的圖像將滾動,並且僅占據圖像空間的一半。 其余的卡完全沒有問題。
<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>
我已經改回了Materialise卡的原始CSS,但仍然存在相同的問題。 鑒於所有卡都共享相同的HTML代碼塊,因此不確定要更改的內容僅影響第一張卡。 而且,我正在使用Django框架(如果它有助於調試)。 有任何想法嗎?
我通過刪除class =“ parallax”修復了它。 我想我的視差CSS中的問題會解決!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.