2014-10-29 46 views
0

我需要最简单和最实用的方式在(滚动)的某些点上启动css3动画。 使用jquery会很好,因为我已经在头文件中声明了它。如何在网页的特定高度上启动css动画

我使用http://daneden.github.io/animate.css/ 提供animate.css,我有我的动画几张图片,一个是在页面之后,应该动画页面的顶部装载,二是在垂直滚动的中间,最后一个是在我的页脚部分。

问题是 - 现在他们都开始动画(页面加载),所以没有人会注意到他们的动画。我如何在xxx页面高度启动这些课程?

我是这方面的新手,所以请尝试用细节描述它。 啊,我几乎忘了......请记住,这个网站可以有更多的文字,所以这个图像的高度可能会改变,所以任何解决方案与严格定义的高度将不会按需要工作。

对不起,我的英语

谢谢。

+0

好像你只是想使用[媒体查询](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries)?这可能有助于:http://stackoverflow.com/questions/1248081/get-the-browser-viewport-dimensions-with-javascript – charles 2014-10-29 12:21:30

+0

嗨。感谢你的回答。但这并不是最好的解决方案。这取决于具体的身高。但是如果我在动画图像之前放置更多的文字呢?他们会更加失望。 – none20 2014-10-29 12:25:55

+0

解决方案应该让我不知道,也许是一个锚点,他们在屏幕上他们jquery播放css规则? – none20 2014-10-29 12:26:37

回答