使用owl旋转木马在观看最后一张幻灯片时启用垂直滚动

<link rel="stylesheet" href="owl.carousel.min.css">
<link rel="stylesheet" href="owl.theme.default.min.css">
<script src="jquery.min.js"></script>
<script src="owl.carousel.min.js"></script>

<div class="owl-carousel">
  <div class="item"><img src="slide1.jpg" alt="Slide 1"></div>
  <div class="item"><img src="slide2.jpg" alt="Slide 2"></div>
  <div class="item"><img src="slide3.jpg" alt="Slide 3"></div>
</div>

$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
    items: 1,
    loop: true,
    nav: true,
    navText: ['<i class="fas fa-chevron-left"></i>', '<i class="fas fa-chevron-right"></i>'],
    dots: true,
    dotsData: true,
    dotsContainer: '.owl-dots',
    mouseDrag: false,
    touchDrag: false,
    pullDrag: false,
    autoWidth: false,
    center: true,
    startPosition: 0,
    responsive: {
      0: {
        items: 1,
        dots: false
      },
      768: {
        items: 2,
        dots: false
      },
      1024: {
        items: 3
      }
    }
  });
});

.owl-carousel .owl-item:last-child {
  transform: translateY(50%);
}