gsap 相关问题

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

在 ScrollTrigger 上可视化水平滚动上正确的项目数时出现问题

我需要帮助。我正在尝试使用 GSAP 和 NextJS 创建水平滚动,这样当我到达事件开始的部分时,我可以看到一项而不是两项。我不知道我哪里错了...

回答 1 投票 0

在 Nuxt.js 中使用来自 GSAP 的 Splittext

我正在使用 nuxtjs 3 和 @hypernym/nuxt-gsap 包。我想使用 splittext 但出现以下错误。你能帮忙吗? const { $gsap } = useNuxtApp(); 已安装(()=> { 变种

回答 1 投票 0

@load 组件卸载后可以触发吗?

嗨,我正在开发一个 vue 3 应用程序,我看到了一个我不明白的奇怪行为。 我的一般问题是:@load 可以在组件卸载后触发吗? 如果是的话,可以采取什么措施......

回答 1 投票 0

文字滚动缩放效果

我最近在一个网站上发现了令人印象深刻的视觉效果,并且想知道如何在我自己的网络应用程序中实现它。效果如下:当你向下滚动页面时,文字

回答 1 投票 0

在 REACT 和 GSAP 中制作下雪动画

我有父组件生成x“雪花”组件。每个雪花都有自己的 ref 属性,在 useEffect 挂钩中调用“animatesnowflake”。动画...

回答 1 投票 0

除非保存文件,否则动画无法工作

当鼠标悬停在按钮上时,按钮应该是气泡动画。但除非我将 .jsx 文件保存在 VS Code 中,否则它们会保留在原处。然后它们工作正常,直到我刷新页面并且按钮...

回答 1 投票 0

GSAP 滚动时淡入淡出

我正在尝试使用 GSAP 滚动触发器创建淡出动画,其中页面首先在标题的 X 轴上滚动,然后向上滚动并淡出,大多数情况下我都在工作...

回答 1 投票 0

为什么使用GSAP进行相机移动时,相机的旋转会在Three.js动画结束时跳跃?

这个相机动画效果非常好,除了最后的快速旋转。 问题演示:https://youtu.be/Djo80EMwfvA 研究 使用 GSAP 在 Three.js 中移动相机 基于此

回答 2 投票 0

无法安装gsap普通版

我正在尝试下载 zip 并使用 npm 安装普通版本,但是,在信息中显示将 gsap-bonus.tgz 文件(在 npm-install-this 目录中找到)放入您的根目录中

回答 2 投票 0

如何在鼠标移动到元素上时获得正确的鼠标位置?

我正在做一件小事,一旦图像悬停在其(在本例中)父元素上,图像就会跟随鼠标。可以是任何元素。测试时,它在第一个数据尾列表上工作,但...

回答 1 投票 0

动画导航不可点击

有人可以帮助我理解为什么“关于”链接不可点击。另外 2 个(作品集、评论正在工作),但一旦我对它们进行样式设置(.about),它们都不可点击。 很奇怪...

回答 1 投票 0

在React组件中,幻灯片和下面按钮之间的计数器不一样

我对 React 还很陌生,我希望有人可以帮助我解决这个问题。我不明白为什么按钮和当前幻灯片之间的计数不一样,实际上是sli的计数...

回答 1 投票 0

无法解决导入ScrollSmoother

它说无法解析导入ScrollSmoother 这就是我的代码: 从“gsap”导入gsap 从 'gsap/ScrollTrigger' 导入 ScrollTrigger; 从“gsap/ScrollSmo...

回答 1 投票 0

如何在 React 中使用 GSAP 和剪辑路径制作图像显示动画

我正在尝试使用 GSAP 和组件中的剪辑路径属性为图像的显示设置动画。当我使用第一个剪辑路径值时,动画按预期工作,但是当我切换到其他值时......

回答 1 投票 0

刷新页面后GSAP无法正常工作(在react.js中)

我正在我的页面上尝试一些 gsap 动画,最初它工作正常,但是当我刷新同一页面时,它卡在 .from() 方法中提到的不同位置。 嗬...

回答 1 投票 0

在 vercel 中部署时出错(类型错误:无法读取未定义的属性(读取“和”))

我在 vercel 上部署时遇到此错误。 npm run build 没有显示错误 配置: “节点”:“18”, "下一个": "^14.0.0", “下一个转换模块”:“...

回答 1 投票 0

如何知道我们是否正在滚动页面?

如何检测鼠标滚动事件,如何获得我们知道当前没有进行滚动的状态。如何在这种情况下创建反应自定义挂钩。钩子将会产生...

回答 1 投票 0

为什么用Three.js和Parcel.js制作的Slider au滚动及其扭曲效果不再出现了?

我有 2 个页面,第 2 页包含一个水平滚动滑块,带有使用 Three.js 和 Parcel.js 创建的扭曲效果(+ 在这 2 个页面上使用 gsap 的光标效果)。 单独使用 2 页...

回答 1 投票 0

GSAP ScrollTrigger 导入

我正在将 GSAP 和 ScrollTrigger 导入到 create-react-app 的本地安装中。 GSAP 导入工作正常,但 ScrollTrigger 仅适用于 skypack 导入。请参阅下面的代码。 我尝试过并...

回答 1 投票 0

如何在React中使用GSAP进行放大和缩小?

当我向下滚动到第 1 部分内容时,它会慢慢放大以显示第 2 部分内容。当我向后滚动并保留第 2 部分内容时,它将返回显示第 1 部分

回答 1 投票 0

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