css - 向下滚动动画或触发 block

Question

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

当您在页面上向下滚动时，它似乎明白某个区域在查看时会触发动画元素。我正在尝试以此为基础进行后续步骤，但不确定从什么开始。我了解 HTML、CSS、DIV 标签的元素，并且在查看时可能打开隐藏 block 可能是答案。但需要简单触发元素的建议。 java ？ PHP？ CSS？

因此，当用户向下滚动 30% 时，隐藏的元素会出现或动画化。如果有帮助，我会在 adobe edge 中制作动画。

有什么好处吗？

Answer 1

尝试用 Jquery 来实现(scrolltop)

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

希望对你有帮助