javascript - 垂直光滑的旋转木马箭头

Question

我正在尝试制作一个垂直的光滑旋转木马，但我不知道如何使箭头也垂直

$('.offer-page-carousel').slick({
    arrows: true,
    vertical: true,
    prevArrow: false,
    verticalSwiping: true,
});

我只想显示 nextArrow。目前箭头位于旋转木马的右侧(默认情况下)。我希望它位于旋转木马的底部。我可以用 CSS 实现这个吗？

Answer 1

这将垂直放置默认的灵活导航。如果您的按钮较大，则需要调整尺寸:

.slick-slider {
  margin-top: 60px;
}

.slick-prev, .slick-next {
  left: 50%;
  transform: translate(-50%, 0) rotate(90deg);
}
.slick-next {
  top: unset;
  bottom: -30px;
}
.slick-prev {
  top: -30px;
}

工作 fiddle here .