4

我正在玩skrollr 插件,但无法实现我想要的,所以寻求帮助。我已经能够实现简单的效果,例如<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 实现吗?如何实现?

非常感谢

4

1 回答 1

7

你看过文档吗?

甚至还有一个例子展示了不同的锚点

简而言之:

<div id="intro-left" data-bottom-top="opacity: 0" data-center="opacity: 1">
于 2013-09-08T11:13:33.013 回答