css - swiper 不会显示 swiper-slide div 中的所有动态元素

Question

我正在使用 swiper 来显示不同的产品类别，在带有 swiper-slide 类的 div 中，以动态方式调用类别的产品。但并非所有产品都显示出来。即使溢出或高度为 100%，它也不会显示所有产品。有人可以帮我解决这个问题吗？

这是显示产品的代码部分:(div“catalogobody”是介绍产品的地方)

<div class="swiper-container">
    <div class="swiper-pagination" style="top:0px;bottom:0px;"></div>
    <div class="swiper-wrapper">
          <div class="swiper-slide">
            <h2 style="text-align:center;">Placas</h2>
            <div id="catalogo" style="overflow-x:hidden;">
              <label for="rep"></label> <input id="rep" name="rep" type='hidden' class="form-control" value= "<?php echo $secCli;?>" readonly="readonly" autofocus>
              <div id="catalogoBody" ></div>
            </div>
          </div>
          <div class="swiper-slide">
              <h2 style="text-align:center;">Conjuntos</h2>
            <div id="catalogo" style="overflow-x:hidden;">
              <label for="rep"></label> <input id="rep" name="rep" type='hidden' class="form-control" value= "<?php echo $secCli;?>" readonly="readonly" autofocus>
              <div id="catalogoBody2" ></div>
          </div>
          </div>
          <div class="swiper-slide">
              <h2 style="text-align:center;">Modulo 1</h2>
            <div id="catalogo" style="overflow-x:hidden;">
              <label for="rep"></label> <input id="rep" name="rep" type='hidden' class="form-control" value= "<?php echo $secCli;?>" readonly="readonly" autofocus>
              <div id="catalogoBody3" ></div>
          </div>
        </div>
        <div class="swiper-slide">
            <h2 style="text-align:center;">Modulo 2</h2>
          <div id="catalogo" style="overflow-x:hidden;">
            <label for="rep"></label> <input id="rep" name="rep" type='hidden' class="form-control" value= "<?php echo $secCli;?>" readonly="readonly" autofocus>
            <div id="catalogoBody4" ></div>
        </div>
      </div>
</div>

Answer 1

需要在商品创建后添加update()方法，让刷卡器识别所有商品。