Wie wähle ich mit JavaScript alle Elemente im Bootstrap-Paginierungscode aus?

Question

Ich verwende Bootstrap für eine Website, die ich vorbereite. Da die Überlauf-Bildlaufleiste schlecht aussieht, habe ich sie mit CSS ausgeblendet und versucht, die Paginierung mit dem Mausrad über JavaScript zu scrollen. Wenn ich den unten angegebenen Code verwende, funktioniert der obere Code, der untere jedoch nicht. Wenn ich im JavaScript-Code [0,1] als Indexwert angebe, funktioniert diesmal der untere Indexwert, aber der obere Indexwert nicht. Wie kann ich dafür sorgen, dass es bei zwei Paginierungen auf derselben Seite funktioniert? Soweit ich aus der Forschung weiß, muss ich möglicherweise let oder va verwenden

P粉676821490 · Answer

您可以使用 querySelectorAll 获取该类的所有元素，然后循环遍历它们以向每个元素添加一个事件侦听器。

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();
    }
  });
});