Как сделать свайп на JS по готову коду?

Question

[Владимир]

Добрый день. Вот есть код табов. И там есть код для свайпов. Подскажите пожалуйста как вообще сайры делаются? там где комментарий /* left swipe */ нужно писать логику для свайпа.. Как она вообще делается? Я не разу ее не делал?

Answer 1

[RAX7]

// табы
const tabsBtn = [...document.querySelectorAll(".widget-chat__tabs__btn")];

if (xDiff > 0) {
  /* left swipe */
  const currIdx = tabsBtn.findIndex((el) => el.classList.contains("active"));
  const prevIdx = currIdx - 1;
  if (prevIdx > -1) {
    tabsBtn[prevIdx].click();
  }
} else {
  /* right swipe */
  const currIdx = tabsBtn.findIndex((el) => el.classList.contains("active"));
  const nextIdx = currIdx + 1;
  if (nextIdx < tabsBtn.length) {
    tabsBtn[nextIdx].click();
  }
}

Comments

[Владимир]

огромное спасибо Вам

[RAX7]

Владимир, пожалуйста=)

[Владимир]

RAX7, а можете по подробнее объяснить?

[RAX7]

Владимир, могу, что именно непонятно?

[Владимир]

RAX7, Да все не понятно))