使用html5数据atritubes的skrollr.js /动画文本问题 [英] Issue with skrollr.js / animating text with html5 data atritubes

查看:88
本文介绍了使用html5数据atritubes的skrollr.js /动画文本问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我花了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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆