【问题标题】:Show & Hide Div When Scrolling滚动时显示和隐藏 Div
【发布时间】:2014-05-26 05:46:57
【问题描述】:

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

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

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

谢谢你:)

【问题讨论】:

  • 使用先前的滚动位置与新的滚动位置来确定它是负数还是正数。负数表示向上滚动(从底部向页面顶部),正数表示从上到下向下滚动。
  • 感谢您的帮助 user887515。左右的淡入淡出效果,自动滚动呢?

标签: jquery scroll jquery-animate


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 2012-10-26
    • 2021-06-04
    • 2017-11-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多