使用html5数据atritubes的skrollr.js /动画文本问题 [英] Issue with skrollr.js / animating text with html5 data atritubes
问题描述
我花了3个小时试图让skrollr向我展示任何东西!我已经尝试在主体之前调用脚本,在标题中,并尝试了一大堆教程试图让它工作,但我不确定为什么它不能正常工作。
在
I have spent the past 3 hours trying to get skrollr to show me anything! I have tried calling the script before the body, in the header, and have tried a whole bunch of tutorials to try to get it it to work but i'm not sure why it's not working AT ALL.
In the
<head>
我有
I have
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript" src="js/go-skrollr.js"></script>
在我的汇总行(导航下方的div)我有
And in my summary row (div right below nav) I have
<div class="container" data-center="opacity: 1" data-200-top="opacity: 0" data-anchor-target="#summary h3">
据我所知,当h3距离顶部200像素时,这应该使该容器内的内容消失。
我也试过把它称为一堆不同的方式,仍然没有运气!
实时网站 >
请帮助
To my knowledge this should make the content inside that container disappear when the h3 is 200 pixels from the top.
I have also tried calling it a bunch of different ways, still with no luck!
Live site
PLEASE help
推荐答案
这篇关于使用html5数据atritubes的skrollr.js /动画文本问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!