Вопросы по теме 'scrollmagic'

Проблемы с добавлением нескольких булавок и анимацией положения фона в Scrollmagic?
Я добавил TimeLineMax в сцену, над которой работаю. Функциональность работает отлично, но у меня проблемы с некоторыми деталями. Я хочу, чтобы моя сцена была закреплена как этот сайт http://www.google.com/inbox/#bundles . Для этого я хочу, чтобы...
2160 просмотров
schedule 27.10.2021

Веб-воркеры с OO Javascript, ThreeJS и ScrollMagic
Я разрабатываю личный веб-сайт, чтобы объединить Three.js и ScrollMagic с OO Javascript. Когда пользователь прокручивает трехмерные объекты, они трансформируются. Все это работает хорошо, но есть небольшая проблема с производительностью. Чтобы...
592 просмотров

Используйте ScrollMagic для определения направления прокрутки
Я хотел бы скрыть заголовок моего сайта, когда пользователи прокручивают страницу вниз (это просто сделать в ScrollMagic), но я не уверен, могу ли я также использовать ScrollMagic, чтобы определить, прокручивает ли пользователь, и если да чтобы снова...
6797 просмотров
schedule 30.10.2021

ScrollMagic - установить переменную сцену
У меня есть страница с несколькими аналогичными разделами с классом «.imgPanel», и я хотел бы применять одну и ту же анимацию к каждому разделу каждый раз, когда страница прокручивается в поле зрения. Я не хочу создавать новую сцену для каждой...
573 просмотров
schedule 19.06.2022

Фоновое видео запускается последней сценой в самом начале с помощью ScrollMagic
Я создаю сайт с помощью ScrollMagic, но у меня возникла проблема с моим фоновым видео, которая заключается в том, что последняя сцена запускается первой, пока я не начну прокручивать вниз в первой точке привязки, которая снова возвращает его в нужное...
200 просмотров
schedule 28.07.2022

Управление видео HTML5 с помощью scrollMagic, почему прерывистая анимация / пропущенные кадры?
Hey SO members, Я хочу воспроизводить видео HTML5 вперед и назад вместе с прокруткой. Анимация контролирует видео кадр за кадром относительно величины прокрутки. Я закодировал (он легкий и очень простой) это с помощью scrollMagic. Встроенное...
156 просмотров
schedule 03.08.2022

scrollmagic/greensock .to влияет на начальную позицию, даже если прокрутки не было
Я пытаюсь реализовать прокрутку параллакса, следуя примерам scrollmagic. В документации greensock говорится, что что-то вроде TimelineMax.to определяет конечное положение элемента в этой сцене (в отличие от .from , которое определяет начальное)....
82 просмотров
schedule 21.08.2022

Как настроить таргетинг на детей в каждом цикле с помощью GreenSock и ScrollMagic
Я хочу, чтобы каждый div с классом .fade-in предназначался для его дочерних элементов h1 (слайд справа) и span (слайд слева), используя цикл each(). Итак, мой вопрос: как настроить таргетинг на дочерний элемент, используя «это», например,...
720 просмотров
schedule 01.09.2022

Запустите две анимации одновременно, используя Scrollmagic
Я использую Scrollmagic и GreenSock для создания анимации на моей странице, когда я прокручиваю до определенного элемента. Мне нужно запустить несколько анимаций одновременно, но я изо всех сил пытаюсь понять, как это сделать. См. здесь:...
2160 просмотров
schedule 05.09.2022

Медиа-запросы ScrollMagic?
Я использую подключаемый модуль ScrollMagic, который можно найти здесь . У меня возникла проблема с попыткой закрепить объект на экранах разных размеров. Проблема в том, что я жестко запрограммировал свойство «длительность» вывода, но...
1695 просмотров
schedule 28.09.2022

Использование булавки и анимации с ScrollMagic
Я работаю над проектом, в котором мне нужно, чтобы несколько div летали, а затем прикреплялись к экрану во время прокрутки. Я попытался добавить два вместе, и это привело к тому, что div странно прыгает. И булавка, и анимация прекрасно работают по...
6255 просмотров
schedule 07.04.2023

Использование ссылок на сайте с параллаксом ScrollMagic
Я делаю сайт с вертикальной прокруткой параллакса с помощью ScrollMagic, который включает меню навигации вверху для ссылки на сайт. Само меню работает правильно, когда к прокрутке не применяется анимация параллакса, но когда добавляется параллакс...
1834 просмотров
schedule 13.12.2022

ScrollMagic не учитывает высоту моего div при изменении размера
Я работаю над веб-сайтом, используя scrollmagic. Я закрепил div и сделал очистку с помощью translate y, проблема в том, что когда я изменяю размер окна, булавка раздела, кажется, теряет свою высоту и скрывает остальную часть содержимого. Я считаю,...
1625 просмотров
schedule 21.05.2023

Сохраняйте сцену с фоновым видео закрепленной до окончания воспроизведения видео.
Во-первых, отличная библиотека! Действительно наслаждаюсь использованием ScrollMagic. Фантастический! Во-вторых, я надеюсь, что тема этого вопроса достаточно ясна... Чего я пытаюсь достичь: У меня есть сцена - в окнах просмотра полной...
259 просмотров
schedule 25.06.2023

Добавьте Scrollmagic в код Greensock
Здравствуйте, я новичок в GreenSock, и мне нужна помощь... Я хотел бы применить Scrollmagic к этому коду Greensock: codepen.io/GreenSock/pen/FqrEv Я искал: https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/ Как и в...
305 просмотров
schedule 25.10.2022

Сбои / прыжки / вылеты на триггерах SmoothScroll + ScrollMagic + GSAP
Подключить ScrollMagic к GSAP не проблема - работает хорошо. Но что, если мне нужно сделать прокрутку мыши плавной? Я добавляю в свой проект плагин плавной прокрутки:...
376 просмотров

ScrollMagic: скрыть содержимое, когда оно перекрывается закрепленной областью
Я использую ScrollMagic на своей странице. Вот HTML: <div class="container"> <div class="before-trigger"> </div> <div class="trigger" id="trigger"> </div> <div class="pin-area" id="pin-area">...
1474 просмотров
schedule 30.11.2022

Next.js (React) и ScrollMagic
Я хотел бы реализовать анимацию для исчезновения разделов, как в этом примере , в мое заявление. Поэтому я посмотрел на fullPage.js. Однако, поскольку мне нужно интегрировать его в приложение Next.js React с рендерингом на стороне сервера, я...
3849 просмотров

Обмен классами ScrollMagic с циклом .each
Я новичок в использовании ScrollMagic, и я не уверен, что он будет делать то, что я хочу. У меня есть страница с несколькими разделами, с динамически устанавливаемыми идентификаторами и фиксированной левой навигацией, которая будет прокручивать...
593 просмотров
schedule 04.12.2022

Управляйте Swiper с помощью ScrollMagic
Я пытаюсь управлять Swiper-Slider с помощью ScrollMagic. Swiper работает в свободном режиме, поэтому я не могу использовать некоторые нативные методы, такие как mySwiper.slideNext(speed, runCallbacks) . Я попытался переместить ползунок, изменив...
333 просмотров
schedule 13.02.2023