javascript - Skrollr:如何只在达到某个点后才开始动画?

标签 javascript jquery html parallax skrollr

我正在玩 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 实现,如何实现?

非常感谢

最佳答案

你看过documentation了吗? ?

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

简而言之:

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

关于javascript - Skrollr:如何只在达到某个点后才开始动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18681975/

相关文章:

javascript - 用于对 JavaScript 引擎进行基准测试的最佳独立测试套件是什么?

javascript - 正则表达式在javascript中验证

javascript - 悬停时连续/无限水平滚动

javascript - Pragma 无缓存和 javascript

jquery - 带有声音和设置 cookie 的按钮点击动画

javascript - 如何在局部变量中包含 javascript 内容或在本地提供命名空间

php - 随着目标集的增长,循环哈希能否保持一致?

jQuery + stopPropagation : Exclude child element from parent selector

javascript - 使谷歌分析跟踪单页应用程序的哈希 URL

javascript - 使用 ResponsiveNav-Plugin 需要帮助