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

时间:2015-05-23 22:52:46

标签: javascript jquery html css

我需要一些内容出现(淡入)并在div内部消失(淡出),同时使用BROWSER SCROLLBAR向下滚动(不是div内的滚动条),使其向上滚动(在循环中)时反向。

此链接显示了一个关于我的意思的视频: https://youtu.be/6pSIGNe1yWg

看起来很简单,但我在互联网上看到的所有例子都与在屏幕顶部/底部显示/隐藏内容有关。其他人,例如新闻报道,依赖于div或按钮内的滚动条来向上/向下滑动内容(http://logicbox.net/jquery/simplyscroll/vertical.html

那么,如何使用BROWSER SCROLLBAR向下/向上(反向)向下/向上(反向)显示/隐藏屏幕/页面中间div内的内容?

1 个答案:

答案 0 :(得分:1)

您要做的事情称为“滚动间谍” - 实质上是根据用户在页面上滚动到的位置触发事件。如果你搜索“jQuery scroll spy plugin”,你会发现许多选项来完成它。这是一个看起来很有希望的人:https://github.com/sxalexander/jquery-scrollspy

祝你好运!