gsap 相关问题

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

自定义光标位置向上滚动时移动

我正在我的视频 div 上制作一个自定义悬停光标,但当我滚动时它不会移动,我的鼠标停留在其位置,你们都可以看一下我的代码并告诉我我做错了什么。还有一个...

回答 1 投票 0

如何将简单 html css js 网站中的大量图像资源管理为更快的网站或正确加载 UI(如果不是更快的话)?

我有一个在数字海洋上运行的网站:https://studiosnow-gjxrv.ondigitalocean.app/,github代码是:https://github.com/Omkarc284/SNsite1 它在开发中效果更好,但在生产中效果更好。 ..

回答 1 投票 0

Gsap 竖屏或横屏无法正常工作

我在 gsap 垂直和水平屏幕中遇到问题,当我滚动时它不会停在整页上 让section = gsap.utils.toArray(".section") sections.forEach((节, i) => { 如果(se...

回答 1 投票 0

Gsap滚动触发,pin属性在网页中留白并隐藏该部分

我正在通过 pin 属性在 gsap 中进行水平滚动,如果我从上到下滚动,图像和所有内容都会被隐藏,但如果我转到网站底部并从下到上滚动,那就......

回答 1 投票 0

带有发射器但位置不正确的动画

我正在尝试制作一个带有“L”运动的动画(另一个是翻转的“L”)。 这是我的代码,但尚未优化。 动画没问题,但它应该跟随发射器(在我的代码中

回答 1 投票 0

GSAP 文本悬停时闪亮动画

我正在使用react js和gsap进行动画构建一个链接组件,我想做的是当我悬停时我希望动画开始,而悬停时它应该继续重复,但在我...

回答 1 投票 0

无法对 Three.js 中的组中的单个对象进行光线投射以运行动画

我在将光线投射到我在 Three.js 中创建的组中时遇到问题。 当我单击对象时,我尝试使用 TweenMax 触发动画。问题是当您使用

回答 1 投票 0

是否可以计算给定点的矩阵变换函数?

我有一个 div,我想将其投影到 svg 路径上。 该路径有 4 个点(就像 dom 元素一样),但不是矩形。 我尝试过 GSAP FLIP,但这会转换为路径的边界框。 呃...

回答 1 投票 0

鼠标跟随器不动

我将clamp的值设置为0.8和1.2,并写出了整个代码。 但写完之后我只想将钳位值更改为 0.8 和 1.4。老鼠奇怪地停止了移动。 我

回答 1 投票 0

滚动时如何将图像固定在窗口顶部

我正在尝试将图像定位到窗口顶部,但计算了滚动位置,因此图像的位置:固定;无论您是否滚动,始终保持在顶部且可见...

回答 1 投票 0

带有时间线的Gsap滚动触发器

我正在使用 gsap 制作 React 应用程序。我在时间轴中使用滚动触发器,但它不起作用。滚动触发器无法工作。有人可以帮助我吗?这是我的代码 gsap.registerPlugin(ScrollTrigger); 常量...

回答 2 投票 0

屏幕尺寸变化时如何计算新的div高度并应用于gsap pin功能

我是 gsap 及其滚动触发插件的新手,现在我遇到了第一个问题。 我有 2 个彼此相邻的 div 元素。 当你向下滚动时,左边的一个会被固定,直到到达底部......

回答 0 投票 0

在 nuxt3 组件之间共享补间

我在nuxt3应用程序的index.vue中有一个补间。我需要在整个应用程序中共享这个补间,以便在scrollTrigger 的containerAnimation 中使用它。我该怎么做呢? 这是我的index.vue代码 我在 nuxt3 应用程序的 index.vue 中有一个补间。我需要在整个应用程序中共享这个补间,以便在scrollTrigger 的containerAnimation 中使用它。我该怎么做? 这是我的index.vue代码 <script setup> import { onMounted, provide } from "vue"; import { gsap } from "gsap"; import { ScrollTrigger } from "gsap/ScrollTrigger"; gsap.registerPlugin(ScrollTrigger); onMounted(() => { const sections = gsap.utils.toArray(".scroll-container .section"); const sectionsContainer = document.querySelector(".scroll-container"); const scrollTween = gsap.to(sections, { xPercent: -100 * (sections.length - 1), ease: "none", scrollTrigger: { trigger: sectionsContainer, pin: true, start: "top top", scrub: 4.5, end: () => "+=" + (sectionsContainer.offsetWidth - innerWidth), }, }); }); </script>

回答 0 投票 0

Laravel Inertia Js 经常搞乱 gsap 动画

所以我有一个网页显示带有gsap动画的登陆页面,但是每次我用惯性做一条路线时,滚动触发器总是重复,有时会导致动画不起作用,这

回答 0 投票 0

Eslint 在使用 TypeScript 时抛出“解析错误:意外标记”

我安装了@types/greensock 并开始使用带有 TypeScript 的 gsap。一切正常,但 ScrollTo 插件给出了这个 eslint 错误(附图)。有人知道吗?

回答 1 投票 0

GSAP ScrollTrigger 动画同时运行在不在视口中的所有元素上

我有几个内容块堆叠在一个页面上,它们将在滚动时共享相同的动画。 目前他的动画同时在所有块上运行,当第一个项目具有相关

回答 0 投票 0

悬停时显示内容(不影响卡片高度)

我有一个块,其中包含悬停时显示的内容。效果的工作方式是: .hoverCard 默认显示基本内容(.hoverCard__showOnHover 中的内容被隐藏) 用户悬停 ...

回答 5 投票 0

无法部署包含 Greensock Business 的 Next.js 应用程序

我无法使用 Vercel 部署我的 Nextjs 应用程序。我不断收到我在电子邮件中附加的错误。我尝试按照 Greensock 提供的说明进行操作,但无济于事。有没有人遇到...

回答 0 投票 0

使用 gsap splitText,在切换文本的第 3 行之后得到一个间隙

试图从 www.papertiger.com 复制这个文本组件,在第三行文本之后,在它循环之前得到一个间隙。如何让它无缝循环? 厌倦了改变动画时间静止...

回答 0 投票 0

刷新页面 GSAP 动画无法使用 BarbaJS

当我进入主页(index.html)并导航到工作页面时,一切都按预期进行。但是一旦我刷新工作页面中的页面而不是初始页面,一切都会停止工作——...

回答 0 投票 0

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