繁体 English 中英

在滚动中的div内淡入和淡出内容

[英]Fade in&out content inside a div on scroll

原文 2015-05-23 22:52:45 8 1 javascript/ jquery/ html/ css

我需要一些内容来显示（淡入）和消失（淡出）在div内，同时使用BROWSER SCROLLBAR（而不是div内的滚动条）向下滚动，使其在向上滚动（循环）时反转。

该链接显示了有关我的确切意思的视频： https : //youtu.be/6pSIGNe1yWg

看起来很简单，但是我在Internet上看到的所有示例都与在屏幕顶部/底部显示/隐藏内容有关。 其他消息，例如新闻动态，则取决于div内的滚动条或向上/向下滑动内容的按钮（ http://logicbox.net/jquery/simplyscroll/vertical.html ）

那么，如何在使用浏览器滚动条向下/向上滚动（反向）时显示/隐藏屏幕/页面中间的div中的内容？

1 个解决方案

您尝试执行的操作称为“滚动监视”-本质上是根据用户在页面上滚动到的位置触发事件。 如果您搜索“ jQuery滚动间谍插件”，则会找到许多实现它的选项。 这是一个看起来很有前途的： https : //github.com/sxalexander/jquery-scrollspy

祝好运！