Как сделать корректный переход на обычный скролл?

Question

[Иван Симонов]

Здравствуйте
Использую swiper https://swiperjs.com/get-started

Код - https://jsfiddle.net/15d8qzwp/

Если прокрутить до 3 слайда (последний слайд swipera) - происходит частичное отображение section 4

Подскажите, как сделать переход на section 4 после отображения section 3 на 100% по высоте?

Answer 1

[Taulan Khatuaev]

Вот пример кода который вы можете использовать

const swiper = new Swiper('.swiper-container', {
  // настройки Swiper
});

swiper.on('transitionEnd', function () {
  const activeSlide = swiper.slides[swiper.activeIndex];
  const section4 = activeSlide.querySelector('.section-4');
  if (section4) {
    section4.scrollIntoView({ behavior: 'smooth' });
  }
});

Comments

[Иван Симонов]

Спасибо. Но у меня не работает - https://jsfiddle.net/Lhnytg67/