javascript - 如何确定可滚动 ul 中的可见性 li

标签 javascript html

我有一个 <ul>超过 20 个 <li>的。 <ul> 的最大高度因此是固定的<ul>是可滚动的,只有 5 <li>的出现在其他人隐藏上行或下行的时候。每个<li>有一个像 first <li> 这样的索引索引为 0 , 第二 <li>1等等......

我想知道有没有办法知道<li>的索引一次出现哪些?

最佳答案

您可以使用元素 scrollTopscrollHeight属性,如果你的 <li>元素有固定的高度,你可以计算出哪些是可见的。

scrollTop / liHeight === numberOfOverTheFold

(scrollHeight - scrollTop) / liHeigth === numberOfVisible

关于javascript - 如何确定可滚动 ul 中的可见性 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27721612/

相关文章:

javascript - 使用 JavaScript/jQuery 滚动到 DIV 的顶部?

html - 如何在每个屏幕分辨率上固定图像?

javascript - 切换多个复选框 – 原型(prototype) js

javascript - 为什么这个 polymer 不以默认属性开头?

javascript - 加入前两个元素并创建新数组?

javascript - jquery 显示模态弹出对齐

javascript - 来自 localStorage url 的图像返回 [object ArrayBuffer]

html - 左右容器未放置在内容容器旁边

html - IE.document.all返回空元素vba

javascript - 透明 Canvas 视频 Safari 问题