Javascript在滚动到部分时加载内容

时间:2014-10-19 14:28:08

标签: javascript jquery lazy-loading slide

我有一个关于我想用javascript / jQuery构建的特定功能的问题。

该功能的一个示例可以在以下网站中看到: http://nicolasbouliane.com/

  • 如果滚动到“示例”部分,您可以看到当您到达该部分时内容如何加载并且有转换(幻灯片放入)

我如何创建这样的东西,或者那里有脚本?

此致

1 个答案:

答案 0 :(得分:2)

使用skrollr.js

可以轻松完成

https://github.com/Prinzhorn/skrollr

典型用法简单如下:

<div data-0="background-color:rgb(0,0,255);" data-500="background-color:rgb(255,0,0);">WOOOT</div>

其中data-number表示当前滚动位置。

你也可以尝试一下:

http://johnpolacek.github.io/superscrollorama/