Comment sélectionner tous les éléments du code de pagination Bootstrap à l'aide de JavaScript ?

Question

J'utilise Bootstrap pour un site Web que je prépare. Comme la barre de défilement de débordement semble mauvaise, je l'ai masquée avec CSS et j'ai essayé de faire défiler la pagination avec la molette de la souris via JavaScript. Lorsque j'utilise le code ci-dessous, le code du haut fonctionne mais pas le code du bas. Lorsque je donne [0,1] comme valeur d'index dans le code JavaScript, cette fois la valeur d'index inférieure fonctionne mais la valeur d'index supérieure ne fonctionne pas. Comment puis-je le faire fonctionner sur deux paginations sur la même page ? D'après ce que j'ai compris de la recherche, je devrai peut-être utiliser let ou va

P粉676821490 · Answer

Vous pouvez utiliser querySelectorAll pour obtenir tous les éléments de cette classe, puis les parcourir en boucle pour ajouter un écouteur d'événement à chaque élément.

const containers = document.querySelectorAll(".table-responsive");
containers.forEach(container => {
  container.addEventListener("wheel", function (e) {
    if (e.deltaY > 0) {
      container.scrollLeft += 100;
      e.preventDefault();
    } else {
      container.scrollLeft -= 100;
      e.preventDefault();
    }
  });
});