我是Swiker的新手.js,我有一個全屏的英雄部分,充當背景滑塊。在這個英雄部分的中間,我有另一個需要用文本顯示一些SVG。英雄刷卡器不是問題。問題是這個SVG刷卡器將SVG堆疊在一起,使一團糟。swiperswiperSVG 滑動器的啟動方式如下:這是最后一張幻燈片顯示時的樣子:然后它清理干凈,并開始再次將SVG堆疊在一起的過程。這是我的網頁: <div class="swiper-container textslider"> <div class="swiper-wrapper"> <div class="swiper-slide text--1"></div> <div class="swiper-slide text--2"></div> <div class="swiper-slide text--3"></div> <div class="swiper-slide text--4"></div> </div> </div> <div class="player-bg"> <a href="#" class="player"><span id="player__text">Reproducir <i class="fas fa-play"></i></span></a> </div> <div class="swiper-container background"> <div class="swiper-wrapper"> <div class="swiper-slide slide--1"></div> <div class="swiper-slide slide--2"></div> <div class="swiper-slide slide--3"></div> <div class="swiper-slide slide--4"></div> </div> </div> </div> <script> var swiper = new Swiper('.swiper-container', { spaceBetween: 30, effect: 'fade', speed: 2000, autoplay: { delay: 4000, disableOnInteraction: false, }, }); var textswiper = new Swiper('.textslider', { spaceBetween: 30, effect: 'fade', speed: 2000, autoplay: { delay: 4000, disableOnInteraction: false, }, }); </script>
滑動器.js SVG的堆疊彼此疊加
繁星點點滴滴
2022-09-11 20:33:23