[英]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.