[英]Place carousel arrows outside in vue-awesome-slider
I'm using Vue-awesome-slider as a carousel library and wanted to place swipe arrows outside the carousel body. 我将Vue-awesome-slider用作轮播库,并希望将滑动箭头放置在轮播主体外部。 But since the carousel container has overflow-hidden, i'm not able to place it outside the carousel. 但是由于轮播容器已隐藏,所以我无法将其放置在轮播之外。
https://github.com/surmon-china/vue-awesome-swiper https://github.com/surmon-china/vue-awesome-swiper
Just move the buttons elements outside the swiper-container. 只需将按钮元素移到刷卡器容器外部即可。
<div>
<swiper :options="swiperOption">
<swiper-slide>I'm Slide 1</swiper-slide>
<swiper-slide>I'm Slide 2</swiper-slide>
<swiper-slide>I'm Slide 3</swiper-slide>
<swiper-slide>I'm Slide 4</swiper-slide>
</swiper>
<div class="swiper-button-prev" slot="button-prev"></div>
<div class="swiper-button-next" slot="button-next"></div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.