無限滾動

無限滾動模式提供了一種在使用者滾動時動態載入內容的方式。

讓我們專注在最後一列（或你內容的最後一個元素）

<tr hx-get="/contacts/?page=2"
    hx-trigger="revealed"
    hx-swap="afterend">
  <td>Agent Smith</td>
  <td>void29@null.org</td>
  <td>55F49448C0</td>
</tr>

這個最後一個元素包含一個監聽器，當滾動到可視範圍時，會觸發一個請求。然後結果會附加到它之後。結果的最後一個元素本身將包含一個監聽器，以載入下一頁的結果，依此類推。

revealed - 當元素滾動到可視範圍時觸發 (也適用於延遲載入)。 如果你在 CSS 中使用 overflow，例如 overflow-y: scroll，則應該使用 intersect once 而不是 revealed。

🔗示範