滚动时显示和隐藏 Div

Posted 2023-05-08

【中文标题】滚动时显示和隐藏 Div

【英文标题】：Show & Hide Div When Scrolling

【发布时间】：2014-05-26 05:46:57

【问题描述】：

我的问题已在此线程中得到部分回答 - Show Div when scroll position，但我想知道：

1)如何根据上下滚动显示和隐藏Div。一个具体的例子是这个网站，它根据向上或向下滚动显示/隐藏 Div，并让它们从左侧或右侧淡入 - http://bit.ly/1lOZXRY。

2）如何实现点击“点击这里阅读故事...”时网站自动向下滚动的效果，就像在讲故事一样？

谢谢你:)

【问题讨论】：

使用先前的滚动位置与新的滚动位置来确定它是负数还是正数。负数表示向上滚动（从底部向页面顶部），正数表示从上到下向下滚动。

感谢您的帮助 user887515。左右的淡入淡出效果，自动滚动呢？

【参考方案1】：

有一个 Jquery 插件可以做你想做的事情Scrollmagic

一个例子完全符合你的要求anchor link 要更改滚动持续时间，只需更改 tweenmax

TweenMax.to(window, 2.5, scrollTo: y: $elem.offset().top); //line 79