向下滚动动画或触发块

时间:2013-03-03 16:31:16

标签: css ajax scroll jquery-animate adobe-edge

我正在尝试重新创建类似于以下内容的内容: https://www.apple.com/uk/ipad-mini/design/

当您向下滚动页面时,似乎可以理解某个区域在查看时会触发动画元素。我试图在此基础上做下一步,但不确定从什么开始。我理解HTML,CSS,DIV标签的元素以及在查看时可能打开隐藏块可能是答案。但需要简单触发元素的建议。 Java的? PHP? CSS?

因此,当用户向下滚动时,可能会显示30%的隐藏元素或动画。如果有帮助,我会在adobe边缘制作动画。

有什么好处吗?

1 个答案:

答案 0 :(得分:0)

尝试使用Jquery(scrolltop)

$(window).scroll( function(){    
if ($(window).scrollTop() > 150) {
   // If window is scrolled by 150px do this
}
});

希望这有帮助