javascript - TimeLineMax 没有定义,我真的不知道为什么
问题描述
我正在尝试使用 TimeLineMax 动画,但我的控制台显示错误:未定义 TimeLineMax。你能帮忙吗?我试图修复它,但我不知道错误在哪里?库是否正确添加?我没有更多的想法如何解决这个问题......如果有人告诉我小费,我将非常感激。
const hero = document.querySelector('.t-header__hero');
const slider = document.querySelector('.c-slider');
const logo = document.querySelector('.t-header__logo');
const hamburger = document.querySelector('.t-header__burger');
const headline = document.querySelector('.t-header__headline');
const tl = new TimeLineMax();
tl.fromTo(hero, 1, {height: "0%"}, {height: "80%"});
.t-header {
section {
display: flex;
height: 80vh;
justify-content: center;
align-items: center;
}
&__hero {
height: 60%;
width: 100%;
position: relative;
&::after{
content: "";
background: $black;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0.3;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
&__headline{
position: absolute;
top: 70%;
left: 10%;
font-size: $font-size-1;
transform: translate(-20%, -100%);
color: $white;
z-index: 3;
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TimelineMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<header class="t-header">
<nav class="c-nav">
<a class="t-header__logo" href="#"><img src="#" alt="Logo"></a>
<img class="t-header__burger" src="images/burger-menu.png" alt="burger menu">
<!-- menu mobilne -->
<!-- <div class="t-header__menu-mobile">
</div> -->
</nav>
<section>
<div class="t-header__hero">
<img src="images/mam-tor-5393685_1920.jpg" alt="">
<h1 class="t-header__headline">Dream Big</h1>
</div>
</section>
</header>
<div class="c-slider"></div>
解决方案
它是TimelineMax()
小写的“l”,而不是TimeLineMax()
。
推荐阅读
- amazon-web-services - 如何在 AWS S3 托管的静态网页上显示来自 DynamoDB 的数据
- android - Activity 重新创建之前未显示 Android SnackBar
- assembly - 看不懂 armv7 adr_l 指令示例
- swiftui - SwiftUI 弹出临时警报
- android - Flutter Firebase 云消息传递 onBackgroundMessage
- javascript - 联系表格重定向延迟
- java - 在 Fragment 中使用 RecyclerView 而不是 Activity 会导致 E/RecyclerView: No adapter attach; 跳过布局错误
- python - 为什么我的迭代计数从 2 而不是 1 开始?
- r - 如何将多列合并为一列并省略0?
- python - 如何使用 Shift() 和 Apply() 函数来遍历行?