如何确定可滚动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