मैं अपनी प्रतिक्रिया परियोजना में एक दूसरे के बगल में दो लंबवत स्लाइडर स्थापित कर रहा हूं। उनमें से एक को ऊपर की ओर और दूसरे को नीचे की ओर ले जाना है।

मैंने किसी एक स्लाइडर की सेटिंग में reverseDirection: true सेट करने की कोशिश की है, लेकिन इसका कोई असर नहीं दिख रहा है। मैंने rtl: true भी कोशिश की है, उम्मीद है कि इससे दिशा बदल जाएगी लेकिन ऐसा नहीं हुआ। दोनों स्लाइडर अभी भी नीचे से ऊपर की ओर चलते हैं।

ये मेरे स्वाइपर की अब तक की सेटिंग्स हैं (वह जो नीचे की ओर बढ़ना चाहिए):

const SWIPER_PARAMS = {
  slidesPerView: 3,
  slidesPerGroup: 1,
  loop: true,
  direction: 'vertical',
  autoplay: {
    delay: 1
  },
  speed: 5000,
  disableOnInteraction: false,
  reverseDirection: true,
  spaceBetween: 22,
  rtl: true
};

कृपया मुझे बताएं कि क्या आपके पास यह काम करने का कोई विचार है।

0
katjass 24 अप्रैल 2019, 11:07

1 उत्तर

सबसे बढ़िया उत्तर

मैंने यही किया, मैं बस स्लाइडर कंटेनर के चारों ओर फ़्लिप किया और फिर स्लाइड को फिर से फ़्लिप किया:

  .slider__container {
     transform: rotate(180deg);

     .swiper-slide {
       transform: rotate(180deg);
     }
  }

यदि कोई और सोच रहा है, तो इसके लिए कोई अंतर्निहित विकल्प नहीं है, लेकिन घूर्णन भी बहुत अच्छा काम करता है, अब मेरे पास एक स्लाइडर ऊपर की ओर और दूसरा नीचे की ओर है।

1
katjass 5 जून 2019, 14:08