我用一个与一致的滚动触发器制作了一个动画。有人知道为什么会这样吗？我在mounted中调用触发器方法，我认为这就是问题所在。但这就是codepen示例如何做到这一点，并且动画不会在页面加载时触发。调用方法中的方法应该只确定页面上有触发器。我还从scrollTransit
浏览 88提问于2021-02-22得票数 0
我有一些问题的vue-路由器和gsap的滚动触发器插件。我有一些使用scrol触发器的vue组件，当我转到另一个页面并返回到具有滚动触发器效果的页面时，它不会触发，但是如果我手动刷新页面，它就会工作。对于与NuxtJs有相同问题的人，我发现这个主题，但是ScrollTrigger.disable()和ScrollTrigger.kill()解决方案对我不起作用：
下面是我用ScrollTrigger
浏览 42提问于2021-04-08得票数 3
下面是我遇到的影响我的GSAP ScrollTrigger动画的场景：有没有办法切换到一个新的页面，但从顶部开始-
浏览 19提问于2022-05-11得票数 0
我构建了一个用GSAP的ScrollTrigger触发的缩放效果，它工作得很好，但是我想在进入触发器时慢慢地(擦洗)缩放滚动上的图像，而不是动画缩放滚动。我在这里的评论中找到了一个javascript解决方案，但是我正在寻找一个GSAP ScrollTrigger解决方案，但是它给了我一个很好的想法：
gsap.to( ".scro
浏览 2提问于2021-08-17得票数 0
回答已采纳
在页面转换之后，我无法让ScrollTrigger工作。 transitions: [{ leave(data) { }});
大多数其他代码会触发OK。但是，在页面转换之后，我无法让gsap滚动<em
浏览 3提问于2020-12-20得票数 0
我有一个动画，在每一个页面滚动播放。我想要实现的是在触发固定元素的id section时播放整个动画。所以当它进入固定元素时，它应该播放整个动画，而不是每个页面滚动。在Look and feel like a pro.下
(ScrollTrigg
浏览 5提问于2022-09-20得票数 0
我有一个绿色袜子动画，它在开发中工作得很好，但是在yarn run preview和制作中中断：ScrollTrigger-4a410f45.js:9 Uncaught (in promise) TypeErrorimport { gsap } from 'gsap';
letreference, path, i
浏览 8提问于2022-04-26得票数 2
回答已采纳
我正在试验gsap的ScrollTrigger。我有一个自定义滚动容器，并希望使用ScrollTiggers滚动器代理劫持卷轴。但结果很不稳定。我做错了什么吗？下面是我到目前为止所得到的一个例子。import { gsap } from "gsap";import scrollCt
浏览 4提问于2021-03-14得票数 0
回答已采纳
1回答
我创建了一个带有滚动触发器的CSS3动画，这是我在GSAP ScrollTrigger中需要的，因为AddEventListener('scroll'...与GSAP不兼容，因为它使用了不同的滚动机制。这是我创建的当前动画：gsap.to('.glitch-slide', {
k
浏览 21提问于2022-08-12得票数 2
回答已采纳
我一直在努力将和实现到一个Nuxt项目中。我相信这和DOM和SSR有关。我检查了所有的文档，从滚动代理Gsap，到Nuxt和火车头，但我没有更多的线索。Uncaught：_triggers_i.update不是函数
<script>
import { gsap
浏览 2提问于2021-03-01得票数 1
1回答
我正在使用GSAP做动画。我正在动画两个盒子，粉红盒和蓝盒。第一次开始后，2。我希望蓝色方块动画开始在顶部的中心视口点。但这两种动画都是在页面加载后立即发生的。我需要使用时间表才能实现吗？我想要蓝色框开始动画后，进入它的中心点，我是新的GSAP。请帮助理解。下面是Codepen链接。 x: -300,
duration
浏览 7提问于2021-06-20得票数 1
回答已采纳
我正在尝试学习GSAP，我希望在滚动时能看到一些元素，并且我找到了一个用于GSAP的ScrollTrigger插件。但是，它不起作用。当滚动时，它会向后滑动，但当向下滚动时，什么都不会出现。/App.css";import styled from "styled-component
浏览 30提问于2022-11-17得票数 0
回答已采纳
在我的项目中，我遇到了一个最奇怪的问题:我使用一个自定义函数在组件挂载时拆分跨行，下面是上述函数function splitLines(container, opentag, closingtag[i].outerHTML + " "; container.innerHTML = tmp + closingtag;但是，当我更改页面，然后返回<em
浏览 3提问于2022-04-13得票数 0
1回答
我正在处理GSAP，在不同的页面上有两个具有相同类的元素，当我到达元素时，我想使用scrollTrigger应用它们的动画。有什么方法可以用一个函数来完成这个任务，而不是给他们一个特定的类并重复我自己呢？/card-2.png" alt="">CSS： height: 100vh;GSAP：
gsap.to('.imag
浏览 17提问于2022-07-04得票数 0
回答已采纳
这是我第一次尝试在gsap中使用滚动触发器，我试图理解机车滚动和滚动触发器是如何一起工作的，但是当动画进行时，我面临着某种粘性--在动画中，我的意思是动画不光滑，中间有某种延迟，但我不知道原因是什么。这是代码gsap.registerPlugin(ScrollTrigger);
const pageContainer = document.querySelector(".scrollContaine
浏览 20提问于2022-04-13得票数 0
回答已采纳
1回答
我一直徘徊在我的Nuxtjs项目上，使用机车滚动和gsap scrollTrigger和Scrollproxy实现平滑的滚动效果。但在半路上有一些连线问题我不能回去了。在我的Nuxt项目中，我正在使用类型记录和类组件。问题是
import { gsap } from "gsap";
import <
浏览 3提问于2021-10-14得票数 2
所以我只在ReactJS工作了几个月，所以如果解决方案很简单，请原谅。 "0px",threshold: 0.4});
const fadeIn = ()
浏览 1提问于2021-04-16得票数 0
2回答
onMount不会第二次被打电话
、、、、
我正在SvelteKit和Gsap + scrollTrigger中建立一个简单的网站。一切似乎都很好，但当我在页面之间来回移动时，我注意到网页确实在减速，最终开始崩溃。刷新浏览器之后，一切都好起来了，…(直到我再次开始在页面之间导航)。我发现我需要在页面转换时杀死GSAP ScrollTriggers，并重新初始化它们。……我在所有的路径页面上都像这样使用gsap：// GSAP
浏览 3提问于2021-09-18得票数 0
我在我的站点上有使用ScrollTrigger的部分。一旦我实现了Locomotive JS，我所有的ScrollTrigger动画都停止工作了。我在论坛上看到，当update() ScrollTrigger正在滚动时，您需要使用Locomotive。我实现了这一点，但没有看到任何结果。然后，我调整了窗口和我的ScrollTrigger动画的大小，它们开始工作。
简而言之，动画会在调整大小时触发，而不会在页面加载<e
浏览 36提问于2022-01-17得票数 0
回答已采纳
1回答
我正在尝试一个简单的ScrollTrigger动画，当我滚动时，我的文本将在x轴上移动。然而，它就是一点也不动。/3.6.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/ScrollTrigger.min.js"
浏览 66提问于2021-01-19得票数 0
云服务器
ICP备案
实时音视频
对象存储
云直播
腾讯云开发者
