fix(pagination) fixed swiper Infinite loop scroll jumping (#7690)

* fix(pagination) Swiper Infinite loop scroll jumping * Update pagination.mjs --------- Co-authored-by: Vladimir Kharlampidi <[email protected]>
nolimits4web · Aug 21, 2024 · 617a037 · 617a037
1 parent 94173da
commit 617a037
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/src/modules/pagination/pagination.mjs b/src/modules/pagination/pagination.mjs
@@ -70,6 +70,16 @@ export default function Pagination({ swiper, extendParams, on, emit }) {
  }
  }
 
+ function getMoveDirection(prevIndex, nextIndex, length) {
+ prevIndex = prevIndex % length;
+ nextIndex = nextIndex % length;
+ if (nextIndex === prevIndex + 1) {
+ return 'next';
+ } else if (nextIndex === prevIndex - 1) {
+ return 'previous';
+ }
+ return;
+ }
  function onBulletClick(e) {
  const bulletEl = e.target.closest(classesToSelector(swiper.params.pagination.bulletClass));
  if (!bulletEl) {
@@ -79,7 +89,14 @@ export default function Pagination({ swiper, extendParams, on, emit }) {
  const index = elementIndex(bulletEl) * swiper.params.slidesPerGroup;
  if (swiper.params.loop) {
  if (swiper.realIndex === index) return;
- swiper.slideToLoop(index);
+ const moveDirection = getMoveDirection(swiper.realIndex, index, swiper.slides.length);
+ if (moveDirection === 'next') {
+ swiper.slideNext();
+ } else if (moveDirection === 'previous') {
+ swiper.slidePrev();
+ } else {
+ swiper.slideToLoop(index);
+ }
  } else {
  swiper.slideTo(index);
  }