文件名称：SimpleScrollSpy:使用纯JavaScript和CSS完成的简单ScrollSpy示例
文件大小：3KB
文件格式：ZIP
更新时间：2024-06-08 06:11:49
JavaScript
SimpleScrollSpy 使用纯JavaScript和CS完成的简单ScrollSpy示例 我注意到许多人都在为滚动间谍而苦苦挣扎。 他们中的许多人尝试使用一些现有的插件，但最终会遇到更多问题，然后受益。 这个非常简单的示例可能会做得更好，但是将符合其目的。 HTML和CSS 主体中嵌套了5个div标签。 每个屏幕都有完整的宽度和高度。 主体具有自动溢出的自动高度，因此，如果内容大于屏幕，它将滚动。 还有5个跨度的nav标签。 一个作为每个div的指标。 它们由数据属性组成。 因此，具有属性data-scrollspy-indicator =“ target2”的跨度是具有属性data-scrollspy-target =“ target2”的div的指标。 JavaScript。 由于我的身体上有溢出滚动，因此我在上面附加了事件侦听器。 在每个滚动中，我都在查看窗口高度和槽