關於滑動切換頁面swiper的坑
阿新 • • 發佈:2018-12-27
我們的頁面結構必須嚴格按照官方的標準:
<!-- Slider main container --> <div class="swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div> <div class="swiper-slide">Slide 3</div> ... </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <!-- If we need scrollbar --> <div class="swiper-scrollbar"></div> </div>
看見swiper-container類了嗎,他必須是區域的頂層元素即他應該是body的子元素,而且他的height:100%屬性值不能改,否則佈局會亂掉。