如何使用 JavaScript 選擇 Bootstrap 分頁程式碼中的所有元素？

Question

我正在為我準備的網站使用Bootstrap。由於溢出滾動條看起來很糟糕，我用CSS隱藏了它，並嘗試透過JavaScript用滑鼠滾輪滾動分頁。當我使用下面給出的程式碼時，頂部的程式碼可以工作，但底部的程式碼卻不能。當我在JavaScript程式碼中給出[0,1]作為索引值時，這次底部的索引值起作用，但頂部的索引值不起作用。如何使其在同一頁面的兩個分頁上工作？據我從研究中了解到，我可能需要使用let或va

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