Вопросы с меткой [gsap]

GSAP - мощнейший инструмент для создания сложной анимации из JS.

17 вопросов без принятого ответа или без ответа, за который были отданы голоса
Фильтрация
Сортировка
Метки
4 голоса
0 ответов
105 показов

Из GSAP в WEBGL

Есть приложение в ангуляре, которое использует GSAP анимацию. Оно меняет svg с помощью timeline, а точнее, Есть один SVG и внутри него много <g> и они анимируются с помощью display:none-block. ...
Шерзод Ёров's user avatar
2 голоса
0 ответов
77 показов

Почему не работают мягкие переходы страниц (barba)?

Я подключил barba js(второй версии) и gsap через cdn: <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script> <script src="https://unpkg.com/@barba/...
duboloms's user avatar
1 голос
0 ответов
24 показа

Создание последовательных закладок при скролле часть 2

На данный момент реализован функцинал, который при скролле добавляет/убирает закладки title'ов. Всё правильно. Также использую библиотеку tweenmax, для создания анимации необходимых элементов. Но ...
NeedH8's user avatar
  • 2,917
0 голосов
1 ответ
45 показов

анимация падающих блоков (надо сделать ограничения на скролл)

Есть такой код (будет чуть ниже), это анимация падения блоков. Дело в том, что у людей, использующих тачпады, возникают проблемы, когда они делают резкий жест прокрутки. (просто пролистываются все ...
just wanna e60's user avatar
0 голосов
0 ответов
22 показа

При изменении состояния в компоненте, происходит остановка скролла на устройства iPhone

У меня есть компонент MobileNavigationSlider, его код будет ниже. Также есть кастомный хук useScrollFixed, код которого тоже будет ниже. Трудность заключается в том, что я не могу корректно определить ...
user avatar
0 голосов
0 ответов
72 показа

Проблемы с gsap ScrollSmoother

Добавил плавный скролл на сайт, он работает но при открытии каталога он растягивается на всю высоту экрана. gsap.registerPlugin(ScrollTrigger, ScrollSmoother); ScrollSmoother.create({ wrapper: &...
Nik's user avatar
  • 1
0 голосов
0 ответов
32 показа

GSAP как сохранить параметры?

Всех приветствую, проблема такая: У меня на сайте в разработке есть кнопка, которая при скролле фиксируется вверху окна и находится там при скролле вниз за границей вьюпорта, при скролле вверх эта ...
Ivan Malovichko's user avatar
0 голосов
0 ответов
120 показов

Неверно отрабатывает scroll event на Safari десктоп

Необходимо отслеживать скролл на странице и при пересечении блока на 60 пикселей вверх/вниз проскроливать к следующему / предыдущему экрану (Элемент занимает 100svh). Для проскроливания к элементу ...
Masha Baranova's user avatar
0 голосов
1 ответ
104 показа

Gsap slider с управлением по клику

Делаю ScrollTriggered слайдер на GSAP. Необходимо управлять слайдером помамо скролла точками(тамбнейлами) при управлении от меньшего к большему - работает без проблем, а в обратную сторону пропускает ...
Masha Baranova's user avatar
0 голосов
0 ответов
78 показов

тег html сдвигается в chrome при анимации

Написал функцию для анимации при доскроливании до элемента. Проблема в том, что почему-то тег html сдвигается иногда, не понимаю, почему такая проблема. Замечаю это в Chrome. Пробовал в Firefox, не ...
Михаил Камахин's user avatar
0 голосов
1 ответ
372 показа

Плавный скролл страницы, но не к якорю

Всем привет! Столкнулся с проблемой малой информации по плавной прокрутке страницы на js. Может у Вас есть библиотеки или заготовки на подобии -https://greensock.com/scrollsmoother/ И возможно ли ...
Serhiy Gerych's user avatar
0 голосов
1 ответ
37 показов

Почему не работает 'elastic.out(1.1, 0.3)' в GSAP

Я написал небольшую библиотеку для эффекта кнопки, но столкнулся с проблемой, что ease: 'elastic.out(1.1, 0.3)' в GSAP не работает: gsap.to(item, { x: 0, y: 0, scale: 1, ease: 'elastic....
Bakhtiyar's user avatar
  • 334
0 голосов
1 ответ
63 показа

GSAP MotionPath - движение по path не той стороной

Пример в CodePen Есть объект ".main__rect", который двигается по траектории (path) При активации свойства "autoRotate", объект должен поворачиваться вслед за кривизной path Но ...
Unicode101's user avatar
0 голосов
0 ответов
111 показов

Как добавить gsap в gulp?

Подскажите как правильно добавить gsap и именно scrolltrigger в gulp? Вот моя сборка const gulp = require('gulp'); const browserSync = require('browser-sync').create(); const watch = require('gulp-...
Enickkey's user avatar
0 голосов
1 ответ
117 показов

Почему не импортируется gsap?

Я установил gsap через npm: npm install gsap Потом захотел импортнуть его в проект: import { TimelineMax } from 'gsap' const tl = new TimelineMax(); tl.to("img", 0.5, {opacity: 1}); Но в ...
duboloms's user avatar
0 голосов
0 ответов
232 показа

Не работает плавное изменение графики TweenMax при переключении между сценами

У меня проблема с настройкой TweenMax (TweenLite) под не совсем нормальную задачу. Требуется сделать шесть слайдов анимации. Проблема в том, что вся анимация должна происходить внутри одного окна и с ...
Yulia Dimina's user avatar
0 голосов
0 ответов
26 показов

Некорректно работает функция в цикле

Вместо того чтобы анимация действовала на определенный блок,она действует на все блоки. Как это исправить? <div class="grid"> <img src="http://www.tsstrade.ru/img_out/gallery_elements/...
Yaroslav TheRock's user avatar