回答情况：
提问时间：
问题标签：
我试图将ScrollTrigger与Next.js结合使用：import { ScrollTrigger } from "gsap/ScrollTrigger";
我发现了一个错误：
有谁能解决这个问题吗？
浏览 1修改于2021-01-27得票数 6
回答已采纳
我正在尝试一个简单的ScrollTrigger动画，当我滚动时，我的文本将在x轴上移动。然而，它就是一点也不动。libs/gsap/3.6.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/ScrollTrigger.min.js"></script&
浏览 66修改于2021-01-20得票数 0
对于与NuxtJs有相同问题的人，我发现这个主题，但是ScrollTrigger.disable()和ScrollTrigger.kill()解决方案对我不起作用： </div></template><script>import ScrollT
浏览 42提问于2021-04-08得票数 3
安装Gsap后，我在laravel中遇到警告：“ScrollTrigger属性设置为{trigger："js-title-animation2"，start："20px 80%"，markers: true><script src="{{asset('/js
浏览 65提问于2021-02-17得票数 1
回答已采纳
我构建了一个用GSAP的ScrollTrigger触发的缩放效果，它工作得很好，但是我想在进入触发器时慢慢地(擦洗)缩放滚动上的图像，而不是动画缩放滚动。我在这里的评论中找到了一个javascript解决方案，但是我正在寻找一个GSAP ScrollTrigger解决方案，但是它给了我一个很好的想法：
duration: 3, trigger: ".
浏览 2提问于2021-08-17得票数 0
回答已采纳
我正在尝试学习GSAP，我希望在滚动时能看到一些元素，并且我找到了一个用于GSAP的ScrollTrigger插件。但是，它不起作用。当滚动时，它会向后滑动，但当向下滚动时，什么都不会出现。/App.css";import styled from "styled-components";
import { ScrollTrigger }from "gsap/dist/ScrollTrigger&qu
浏览 30提问于2022-11-17得票数 0
回答已采纳
在页面转换之后，我无法让ScrollTrigger工作。 }, //alert('Entered tester');
ScrollTrigger.refresh我是Barba和ScrollTrigger的新手，并且有有限的JS经验，所以一个明确的答案是非常受欢迎的。
浏览 3提问于2020-12-20得票数 0
我正在试验gsap的ScrollTrigger。我有一个自定义滚动容器，并希望使用ScrollTiggers滚动器代理劫持卷轴。但结果很不稳定。我做错了什么吗？下面是我到目前为止所得到的一个例子。import { gsap } from "gsap";import scrollCtl from/scrollCtl";
gsap.registerPlugin(
浏览 4修改于2021-03-14得票数 0
回答已采纳
我创建了一个带有滚动触发器的CSS3动画，这是我在GSAP ScrollTrigger中需要的，因为AddEventListener('scroll'...与GSAP不兼容，因为它使用了不同的滚动机制。这是我创建的当前动画：gsap.to('.glitch-slide', { "
浏览 21提问于2022-08-12得票数 2
回答已采纳
尝试基于窗口宽度修改gsap scrollTrigger offset_value。不幸的是，当用户“动态”改变窗口大小时，无法用(window).resize(function()解决这一问题。这就是现在的代码，显然，在我的方法中，有什么是根本错误的： var frame_count = 37,* 2) + "px 50%",
ease: "steps(" + frame_count + ")", &#x
浏览 2提问于2020-10-28得票数 1
我在使用GSAP ScrollTrigger I fullpage.js时遇到了问题。我有几节与“节”类。在它们的内部，有一些内容被认为是不可见的。我需要在加载我的站点和初始化fullpage.js时，我有机会滚动我的部分，并与ScrollTrigger一起运行GSAP时间线。我不明白为什么scrollTrigger在scrollOverflow = {true}的部分中不能工作。
浏览 7提问于2022-01-14得票数 1
回答已采纳
所以我有一个简单的React组件，并想用GreenSock ScrollTrigger插件来给它添加动画效果。不幸的是，在这个项目中，我使用的是Typescript，类型不匹配。代码：import gsap from 'gsap'import styled from "s
浏览 4提问于2020-11-18得票数 0
function() {
position: 'fixed', });
});
ease: 'none',
scrollTriggerlibs&
浏览 9提问于2022-03-18得票数 1
回答已采纳
我在我的站点上有使用ScrollTrigger的部分。一旦我实现了Locomotive JS，我所有的ScrollTrigger动画都停止工作了。我在论坛上看到，当update() ScrollTrigger正在滚动时，您需要使用Locomotive。我实现了这一点，但没有看到任何结果。然后，我调整了窗口和我的ScrollTrigger动画的大小，它们开始工作。 scroll.on(pageC
浏览 36修改于2022-01-22得票数 0
回答已采纳
我想用ScrollTrigger制作一个简单的视差效果。问题是包含“图像”(目前是红色方框)的绝对div的高度比页面本身更高。所以在页脚之后有一个很大的差距，因为图像已经随着ScrollTrigger移动了。有什么办法可以防止这种巨大的差距吗？ 这是一个JSFiddle。HTML <body class="test"><section class="hero"> <h1><
浏览 32提问于2021-11-02得票数 0
回答已采纳
在我的HTML代码中，我的div中有几个<span>标签，我想用GSAP的插件ScrollTrigger来动画它们。但是当我使用span元素而不是几个<div>标记时，它似乎不起作用。</span>JS： scrollTrigger
浏览 9修改于2021-01-14得票数 0
我在使用GSAP的ScrollTrigger时遇到了一个问题。 我在不同的视口宽度中设置了固定元素的高度，它在调整窗口大小时工作得很好。 但现在我想通过单击按钮来更改固定元素的高度。我使用了ScrollTrigger.refresh();，但是什么也没有发生。 有人能告诉我怎么修吗？ ScrollTrigger.create({ pin: true, end: () => `+=${$('.h
浏览 117修改于2020-11-04得票数 4
回答已采纳
我正在尝试从这个网站重现滚动效果：https://wemakefab.com/ gsap.registerPlugin(ScrollTrigger); scrollTrigger:{ start:'top top',
end:'bottom
浏览 55修改于2021-09-17得票数 1
我在Gatsby中遇到了一个奇怪的问题，只有当我想要用gsap和scrolltrigger插件来激活元素时，它才会发生。基本上，当我点击<Link>元素时，一切都是正常的，但是在我添加了基于ScrollTrigger的代码gsap动画(正常的gsap工作正常)之后，就出了问题，当我使用<Link>时，它不再正常工作。/components/modules/index.module.css"import {Scrol
浏览 18提问于2020-12-05得票数 0
this.scroll(); });
import { gsap } from 'gsap';): gsap
浏览 88提问于2021-02-22得票数 0
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号