84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
我有一個標準的HTML表格，其中包含thead和tbody，tbody中的行數可以是任意數量，因為它取決於陣列的大小。
表格有一個最大高度，因此可以捲動。當表格滾動時，我希望能夠計算新顯示的頂部和底部行。
此外，我不能使用jquery來實現這個，我只想使用javascript。
我嘗試了這個問題的被接受的答案，但似乎不準確，有時會錯誤地計算出2-7行的數量...確定html表格中的頂部行
您可以使用IntersectionObserverAPI來檢查父表格中可見的行。為每一行新增一個交叉觀察器，並使用isIntersecting來檢查行是否可見。
const rows = document.querySelector('.row') const rowsObserver = new IntersectionObserver(entries => { entries.forEach((entry) => { if (entry.isIntersecting) { (在这里添加您的代码) } else { (在这里添加您的代码) } }) }) rowsObserver.observe(rows)
要計算第一個和最後一個可見的行，您可以在它們的可見性發生變化時將每一行添加或移除到一個“visibleElements”數組中，或者切換一個“visible”類別。
您可以使用IntersectionObserverAPI來檢查父表格中可見的行。為每一行新增一個交叉觀察器，並使用isIntersecting來檢查行是否可見。
const rows = document.querySelector('.row') const rowsObserver = new IntersectionObserver(entries => { entries.forEach((entry) => { if (entry.isIntersecting) { (在这里添加您的代码) } else { (在这里添加您的代码) } }) }) rowsObserver.observe(rows)要計算第一個和最後一個可見的行，您可以在它們的可見性發生變化時將每一行添加或移除到一個“visibleElements”數組中，或者切換一個“visible”類別。