我在Gatsby中遇到了一个奇怪的问题，只有当我想要用gsap和scrolltrigger插件来激活元素时，它才会发生。基本上，当我点击<Link>元素时，一切都是正常的，但是在我添加了基于ScrollTrigger的代码gsap动画(正常的gsap工作正常)之后，就出了问题，当我使用</e
浏览 18提问于2020-12-05得票数 0
2回答
onMount不会第二次被打电话
、、、、
我正在SvelteKit和Gsap + scrollTrigger中建立一个简单的网站。其结构如下: Startpage / About / Services / Contact
在整个网站，我使用许多简单的动画SVG，文本和其他元素。所以我杀死了scrollTriggers，但是现在出现了一个新的问题:当我开始导航(比如从/about导航到/contact)并返回到以前访问过
浏览 3提问于2021-09-18得票数 0
我有一些问题的vue-路由器和gsap的滚动触发器插件。我有一些使用scrol触发器的vue组件，当我转到另一个页面并返回到具有滚动触发器效果的页面时，它不会触发，但是如果我手动刷新页面，它就会工作。对于与NuxtJs有相同问题的人，我发现这个主题，但是ScrollTrigger.disable()和ScrollTrigger.kill()解决方案对我不起作用：
浏览 42提问于2021-04-08得票数 3
我正在尝试学习GSAP，我希望在滚动时能看到一些元素，并且我找到了一个用于GSAP的ScrollTrigger插件。但是，它不起作用。当滚动时，它会向后滑动，但当向下滚动时，什么都不会出现。/App.css";import styled from "styled-components";
import { Scro
浏览 30提问于2022-11-17得票数 0
回答已采纳
我试图将ScrollTrigger与Next.js结合使用：import { ScrollTrigger } from "gsap/ScrollTrigger";
我发现了一个错误：
有谁能解决这个问题吗？
浏览 1提问于2021-01-12得票数 6
回答已采纳
我跟着youtube上的某个家伙用GSAP创建了一个带有动画的登陆页面，但在他使用滚动动画时，他使用了gsap.to()方法，但诀窍是什么时候使用import { Document } from './../..} from 'gs
浏览 8提问于2022-03-14得票数 0
回答已采纳
1回答
Hello动画div在滚动使用GSAP和Safari 15 (以下15没有问题)，奇怪的事情正在发生，部分字母停留在后置图像的两侧。正如您在下面的屏幕上所看到的，GSAP只添加简单的转换，以从左、右或右向左移动元素。 this.$refs.link.forEach((link, index) => {
gsap
浏览 6提问于2022-03-24得票数 0
我正在试验gsap的ScrollTrigger。我有一个自定义滚动容器，并希望使用ScrollTiggers滚动器代理劫持卷轴。但结果很不稳定。我做错了什么吗？下面是我到目前为止所得到的一个例子。import { gsap } from "gsap";import
浏览 4提问于2021-03-14得票数 0
回答已采纳
1回答
我一直徘徊在我的Nuxtjs项目上，使用机车滚动和gsap scrollTrigger和Scrollproxy实现平滑的滚动效果。但在半路上有一些连线问题我不能回去了。在我的Nuxt项目中，我正在使用类型记录和类组件。问题是
im
浏览 3提问于2021-10-14得票数 2
我将react-scrollmagic与react-gasp一起使用，并在控制台中得到一个错误：(ScrollMagic.Scene) -> ERROR calling method 'setPin()不过，在前端，一切似乎都很好，但在一个更复杂的项目中，这些控制台错误的累积速度非常快。不管我做什么，我都无法消除这个错误。有什么解决办法吗？import { Controller, Scene } from "react-scrollmagic&quo
浏览 12提问于2022-02-02得票数 0
这是我第一次尝试在gsap中使用滚动触发器，我试图理解机车滚动和滚动触发器是如何一起工作的，但是当动画进行时，我面临着某种粘性--在动画中，我的意思是动画不光滑，中间有某种延迟，但我不知道原因是什么。我试图在下面链接的代码笔中重新创建这种情况。如果有人能帮我解决这个问题，这将是很有帮助的，这里是我重新创建错误的代码-笔代码。这是代码gsap.registerPlugin(ScrollTrigger</e
浏览 20提问于2022-04-13得票数 0
回答已采纳
1回答
我正在尝试一个简单的ScrollTrigger动画，当我滚动时，我的文本将在x轴上移动。然而，它就是一点也不动。/3.6.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/ScrollTrigger.mi
浏览 66提问于2021-01-19得票数 0
1回答
您能在Next.js中使用新的Image()吗？我收到了错误，说它没有定义。import Link from 'next/link'
imp
浏览 2提问于2021-05-22得票数 5
所以我有一个简单的React组件，并想用GreenSock ScrollTrigger插件来给它添加动画效果。不幸的是，在这个项目中，我使用的是Typescript，类型不匹配。代码：import gsap from 'gsap'
import ScrollTrigger from'gsap</e
浏览 4提问于2020-11-18得票数 0
我在我的站点上有使用ScrollTrigger的部分。一旦我实现了Locomotive JS，我所有的ScrollTrigger动画都停止工作了。我在论坛上看到，当update() ScrollTrigger正在滚动时，您需要使用Locomotive。我实现了这一点，但没有看到任何结果。然后，我调整了窗口和我的ScrollTrigger动画的大小，它们开始工作。
简而言之，动画会在调整大小时触发，而
浏览 36提问于2022-01-17得票数 0
回答已采纳
在页面转换之后，我无法让ScrollTrigger工作。 transitions: [{ leave(data) { y: '50px', },
浏览 3提问于2020-12-20得票数 0
我构建了一个用GSAP的ScrollTrigger触发的缩放效果，它工作得很好，但是我想在进入触发器时慢慢地(擦洗)缩放滚动上的图像，而不是动画缩放滚动。我在这里的评论中找到了一个javascript解决方案，但是我正在寻找一个GSAP ScrollTrigger解决方案，但是它给了我一个很好的想法：
gsap.to( ".scrollimgzoom
浏览 2提问于2021-08-17得票数 0
回答已采纳
我用一个与一致的滚动触发器制作了一个动画。有人知道为什么会这样吗？我在mounted中调用触发器方法，我认为这就是问题所在。但这就是codepen示例如何做到这一点，并且动画不会在页面加载时触发。调用方法中的方法应该只确定页面上有触发器。我还从scrollTransition方法内部的this.animation()中删除
浏览 88提问于2021-02-22得票数 0
我有一个绿色袜子动画，它在开发中工作得很好，但是在yarn run preview和制作中中断：ScrollTrigger-4a410f45.js:9 Uncaught (in promise) TypeErrorreference, path, ico; gsap.registerPlugin(ScrollTrigger, MotionPathPlugin);gsap.timeline({
defaults: { duration:
浏览 8提问于2022-04-26得票数 2
回答已采纳
我在使用GSAP ScrollTrigger I fullpage.js时遇到了问题。我有几节与“节”类。在它们的内部，有一些内容被认为是不可见的。我需要在加载我的站点和初始化fullpage.js时，我有机会滚动我的部分，并与ScrollTrigger一起运行GSAP时间线。我不明白为什么scrollTrigger在scrollOverflow
浏览 7提问于2022-01-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
