国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Gemeinschaft

Lernen

Tools-Bibliothek

KI-Tools

Freizeit

Deutsch

JS/VueJS-Implementierung zur Bestimmung der aktuell sichtbaren oberen und unteren Zeilen in einer HTML-Tabelle

P粉103739566 2023-09-10 19:23:08

629

Ich habe eine Standard-HTML-Tabelle, die thead und tbody enth?lt. Die Anzahl der Zeilen in tbody kann beliebig sein, da sie von der Gr??e des Arrays abh?ngt.

Die Tabelle hat eine maximale H?he, sodass sie gescrollt werden kann. W?hrend die Tabelle scrollt, m?chte ich in der Lage sein, die neu angezeigten oberen und unteren Zeilen zu berechnen.

Au?erdem kann ich JQuery nicht verwenden, um dies zu erreichen, ich m?chte nur Javascript verwenden.

Ich habe die akzeptierte Antwort auf diese Frage ausprobiert, aber sie scheint ungenau zu sein und z?hlt manchmal die Anzahl der Zeilen 2–7 falsch ... Bestimmung der obersten Zeile in einer HTML-Tabelle

P粉103739566

Antworte allen(1)

P粉1619397522023-09-11 10:49:50 1 Etage

您可以使用IntersectionObserver API來檢查父表格中可見的行。為每一行添加一個交叉觀察器，并使用isIntersecting來檢查行是否可見。

const rows = document.querySelector('.row')

const rowsObserver = new IntersectionObserver(entries => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          (在這里添加您的代碼)
        } else {
          (在這里添加您的代碼)
        }
      })
    })

rowsObserver.observe(rows)

要計算第一個和最后一個可見的行，您可以在它們的可見性發(fā)生變化時將每一行添加或移除到一個“visibleElements”數組中，或者切換一個“visible”類。