【问题标题】:Skrollr: how to start animation only once a certain point is reached?Skrollr:如何仅在达到某个点后才开始动画?
【发布时间】:2013-09-11 23:34:40
【问题描述】:

我正在使用skrollr plugin,但无法实现我想要的,因此寻求帮助。 我已经能够实现简单的效果,例如<div id="intro-left" data-0="opacity: 0" data-180="opacity: 1">(这意味着一旦用户向下滚动 180,我的名为 intro-left 的 DIV 就会变得可见)

问题是我不喜欢使用滚动距离,因为这只有在所有人的屏幕分辨率相同时才有意义,对吧?

我想做的是告诉 skrollr:“一旦 DIV 位置在屏幕上可见,将 DIV 从不透明度 0 更改为不透明度 1”(换句话说,“一旦用户到达,将 DIV 从不透明度 0 更改为不透明度 1向下滚动页面上的某个点)

这可以通过 skrollr 实现吗?如何实现?

非常感谢

【问题讨论】:

    标签: javascript jquery html parallax skrollr


    【解决方案1】:

    你看过documentation吗?

    甚至还有一个例子演示different anchors

    简而言之:

    <div id="intro-left" data-bottom-top="opacity: 0" data-center="opacity: 1">
    

    【讨论】:

    • 谢谢。确实,我看到了这个例子,但不明白。现在有了你的解释,我得到了这个概念!非常感谢!
    • +1 @Prinzhorn 很棒的文档,尤其是您链接到的部分 - 这很难解释,但很清楚!很棒的图书馆,谢谢!
    猜你喜欢
    • 2021-12-22
    • 1970-01-01
    • 2021-07-28
    • 2021-11-17
    • 2016-08-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多