gpt4 book ai didi

javascript - Skrollr.js 未激活

转载 作者:行者123 更新时间:2023-11-29 22:03:12 28 4
gpt4 key购买 nike

过去 3 个小时我一直在努力让 skrollr 向我展示任何东西!我试过在主体之前、标题中调用脚本,并尝试了一大堆教程来尝试让它工作,但我不确定为什么它根本不起作用。

<head>我有

<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript" src="js/go-skrollr.js"></script>

好的,根据@melc,我做了一些更改,下面的更改是主要更改。仍然没有运气。

(function() {
$(document).ready(function(){skrollr.init();});
})();

在我的摘要行中(导航正下方的 div)

<div class="container" data-center="opacity: 1" data-200-top="opacity: 0" data-anchor-target="#summary h3">

据我所知,当 h3 距离顶部 200 像素时,这应该会使容器内的内容消失。

我试过用多种不同的方式调用它,但仍然没有成功!

Live site

最佳答案

此时存在三个问题,如果得到更正,您将看到 Skrollr.js 正在运行 (这已经在 OP 中给出的网站上进行了测试并且有效).

问题 1 - data-anchor-target="#summary h3" 必须修改为 data-anchor-target=".summary h3"

issue 2 - .hero 元素不能有 height:100% ,注释掉就行了,因为它达到了 6k pixels in由于某种原因 skrollr 初始化后的高度,可以稍后检查。

问题 3 - 必须正确初始化 skrollr。现在在控制台上显示消息 Uncaught ReferenceError: $ is not defined 并且它被引用到 go-skrollr.js 文件。这是因为在引用skrollr.js库文件之前必须包含jQuery库文件。

关于javascript - Skrollr.js 未激活,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22436786/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com