Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

246
Vistas
How to make that not all slides are scrolled, but the selected one only (SwiperJS)

I need, for example, that after selecting the fifth slide, being on the first one, the fifth one appears - without scrolling through all the other slides (2,3,4). I use this demo https://swiperjs.com/demos/070-pagination-custom/core

<!-- Html part -->    
    <!-- MAIN --> 
    <div class="swiper-slide">
      <div class="buttons" id="btns_main">
        <button class="page1">page1</button>
        <button class="page2">page2</button>
        <button class="page3">page3</button>
      </div>
    </div> 





<!-- JS part -->
    const swiper = new Swiper('.swiper', {
      // Optional parameters
      direction: 'horizontal',
      
      parallax: false,
      
      allowTouchMove: false,
    
      /* effect: 'flip',
      flipEffect: {
        slideShadows: false,
      }, */
        
    });
    
    const els = document.querySelectorAll('.back_contact, .back');
    els.forEach ( el => {
      el.onclick = () => {
      swiper.slideTo(0, 250)
    }
    });
    
    document.querySelector('.page1').onclick = () => {
      swiper.slideTo(1, 250)
    }
    
    document.querySelector('.page2').onclick = () => {
      swiper.slideTo(2, 250)
    }
    
    document.querySelector('.page3').onclick = () => {
      swiper.slideTo(3, 250)
    }
about 4 years ago · Santiago Trujillo
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda