首页 > JS > swiper设置常用设置

swiper设置常用设置

时间:2023-11-24浏览次数:228
<body>
  <!-- Swiper -->
  <div class="swiper homeSwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide" data-hash="slide1">Slide 1</div>
      <div class="swiper-slide" data-hash="slide2">Slide 2</div>
      <div class="swiper-slide" data-hash="slide3">Slide 3</div>
      <div class="swiper-slide homelastslide" data-hash="slide4">9999999999</div>
    </div>
  
  </div>

  <!-- Swiper JS -->
  <script src="js/swiper-bundle.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper(".homeSwiper", {
      direction: "vertical",
      hashNavigation: true,     //刷新后再当前页  + data-hash
      slidesPerView: 'auto',    //自定义slider高度
    });
  </script>
</body>