gsap 相关问题

GSAP(GreenSock动画平台)是一套用于脚本化,高性能HTML5动画的工具,适用于所有主流浏览器。

在移动视图中刷新后滚动不起作用

在桌面视图中,该网站运行得非常好,但每当我切换到移动视图后刷新页面时,滚动就不再起作用了。是因为我使用过的库(GSAP、Locomot...

回答 1 投票 0

GSAP 滚动触发销无法正常工作 [反应]

我有一个 200vh 高的容器,里面有一个 50 x 50 像素块。 我的任务是确保当我滚动容器时该块固定在中心。 https://pastebin.com/ZjxPmYcs 我期待

回答 1 投票 0

获取 GSAP 目标未定义未找到错误

我正在处理一个投资组合,但我不断收到此错误:未找到 GSAP 目标未定义 我尝试了一切,但没有任何效果。我需要帮助,因为我的心理健康处于危险之中。我正在使用...

回答 1 投票 0

正确调用包含的函数

我正在使用 nuxt-locomotive-scroll 和 gsap 并收到以下错误。 _this.elementAnimation 不是一个函数 如何正确调用

回答 1 投票 0

类型错误无法读取未定义样式的属性

在此处输入图像描述,这是我试图解决的代码的图像 我正在尝试将cursorImg不透明度设置为1,但它说错误 当我进入检查模式并刷新时...

回答 1 投票 0

我想根据条件禁用我的 gsap 代码中的滚动

我的代码中有4个部分,我在react js中使用gsapscrollTrigger动画,当我滚动到第三个部分(即灯泡部分)时,我想禁用滚动,因为我在这个部分中有按钮...

回答 1 投票 0

GSAP 水平滚动并捕捉父 Div 中的每个子 div

美好的一天, 我正在开发一个使用 GSAP 的项目,以便对由一个父容器和 3 个子 div 组成的水平滚动条进行动画处理。我正在使用 GSAP 来处理我的水平滚动...

回答 1 投票 0

在动画开始之前就调用了完整函数

我一直在为一个项目编写游戏。在可见区域之外的特定位置创建一个对象,并调用该对象将对象移动到屏幕另一侧可见区域之外的区域...

回答 1 投票 0

GSAP 修改 GLTF 模型的材质颜色,但对 RGB 进行归一化,导致颜色不好

我在R3F上工作,我用“0x292929”设置材质颜色,颜色很棒!就像我想要的那样! if (modelModifier.color !== 未定义) { gsap.to(材质.颜色, { r: ((modelModifier.co...

回答 1 投票 0

如何创建具有这种显示动画的滑块?

我正在尝试弄清楚如何创建具有这种揭示效果的滑块。

回答 1 投票 0

使用GSAP和Locomotive时,标记“开始”和“结束”不是固定的,而是随着滚动移动

我正在使用 GSAP 和 Locomotive 在 React 项目中制作一个简单的动画。但我遇到一个问题,开始和结束标记不固定并随着滚动移动。我想我已经...

回答 1 投票 0

如何使用 Angular 的 GSAP 且不影响性能

我需要将GSAP(绿袜子动画)与角度应用程序一起使用,而不是影响应用程序性能或改变生命周期。不过,另一方面,我需要它来开始创作......

回答 1 投票 0

使用 GSAP 在 React 中实现平滑的鼠标操作

我正在尝试使用 React 中的 GSAP 来实现平滑的滚动操作。请注意,这与通常的平滑滚动不同。我试图复制的一个例子可以在这个网站中看到:...

回答 1 投票 0

ScrollTrigger.js:未捕获(承诺中)TypeError:无法读取未定义的属性(读取“pin”)GreenSock,GSAP

我继承了一个没有文档的项目,并不断收到错误 ScrollTrigger.js: Uncaught (in Promise) TypeError: Cannot readproperties of undefined (reading 'pin') in the web console when...

回答 1 投票 0

为什么GSAP在PC上Chrome的“移动视图”上运行良好,但在实际手机上却很混乱

所以,我正在开发一个项目,其中有一个动画,当用户滚动到它时会触发该动画。这适用于 PC,也适用于移动视图、chrome 中的“设备工具栏”,但是...

回答 1 投票 0

如何在gsap中将对象移动到屏幕上的某个点

我有一个具有特定类名的 dom 元素,我试图在用户完成拖动后将该元素移动到屏幕中的特定点。 为了做到这一点,我的计划是创建一个

回答 1 投票 0

如何使用 React Jest 时间旅行到动画结束

我正在尝试测试一个在 TweenMax 动画后更改状态的组件。浏览器上一切都很好,但我无法理解如何为其编写测试。 问题是 Jest 不会等待...

回答 2 投票 0

带有遮罩颜色的 GSAP 文本动画对于备用背景失败

向所有比我聪明的人问好, 正如标题所言,我所知道的就足够危险了。当事情变得复杂时,我躲在角落里哭泣。 概念:页面上的动画文本...

回答 1 投票 0

第一次使用gsap;不知道为什么动画不起作用

const avis1 = document.getElementById('avis1'); const avis2 = document.getElementById('avis2'); const avis3 = document.getElementById('avis3'); const b1_2 = document.getElementById('b1_2'); 常量...

回答 1 投票 0

Nuxt 3 过渡生命周期

我正在使用 Nuxt 3 布局转换和 javascript 挂钩来创建布局之间的转换。我的转换分为两部分,第一部分由 onLeave 钩子触发,第二部分由触发...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.