如何確定可滾動ul中的可見性li

Question

我的<ul>超過20 <li> 。 <ul>的最大高度是固定的，因此<ul>是可滾動的，只有5 <li>出現在其他人隱藏在上方或下方的時間。 每個<li>的索引類似於第一個<li> ，索引為0 ，第二個<li>有1 ，依此類推......

我想知道有沒有辦法知道一次出現的<li>的索引？

Answer 1

您可以使用元素scrollTop和scrollHeight屬性，如果<li>元素具有固定的高度，則可以計算哪些是可見的。

scrollTop / liHeight === numberOfOverTheFold

和

(scrollHeight - scrollTop) / liHeigth === numberOfVisible