Описание тега scrollmagic

ScrollMagic - это плагин jQuery, который позволяет использовать полосу прокрутки как элемент управления воспроизведением.
1 ответ

Добавить Scrollmagic в код Гринсок

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

Ошибка нативного узла 'Ошибка ссылки: окно не определено'

Мне было дано задание реализовать рендеринг на стороне сервера для реагирующего приложения. Я следовал этому руководству: https://scotch.io/tutorials/react-on-the-server-for-beginners-build-a-universal-react-and-node-app и впоследствии следовал точн…
1 ответ

Scrollmagic ajax страница загрузки проблема

Привет, ребята, я в настоящее время настраиваю страницу Wordpress, где я загружаю на страницах с Ajax и использую Scrollmagic, чтобы установить точки срабатывания для разных контейнеров, чтобы сделать некоторые эффекты параллакса. На первом просмотр…
03 янв '17 в 07:38
0 ответов

ScrollMagic с триггерами SVG в Firefox

Я создаю анимированную страницу на основе изображения SVG. Некоторые объекты SVG настроены на отображение с использованием GSAP и ScrollMagic при достижении определенных элементов SVG (триггеров). Он отлично работает в Edge, Chrome и Safari, но по к…
14 ноя '16 в 14:16
2 ответа

Анимация tweenmax. Невозможно назначить только для чтения свойство _gsTweenID.

Я использую scrollmagic для анимации объектов во время прокрутки и получаю эту ошибку: Uncaught TypeError: Невозможно назначить только для чтения свойство _gsTweenID из #design-принципы мой код JS: var scale_tween = TweenMax.to('#design-principles',…
27 янв '15 в 13:06
0 ответов

Анимация 1 класс несколько раз с scrollmagic

У меня есть класс под названием "красный куб". Цель состоит в том, чтобы всякий раз, когда этот класс появлялся на странице, он должен был анимироваться. Прямо сейчас это только оживление первого класса. Если вы прокрутите вниз больше, второй класс …
22 авг '18 в 17:29
1 ответ

Свиток волшебный горизонтальный

Я пытаюсь получить горизонтальную прокрутку с помощью плагина Scroll Magic, но я не могу заставить его работать должным образом. https://jsfiddle.net/f02jn5b8/ var controller = new ScrollMagic.Controller(); new ScrollMagic.Scene({ triggerElement: '#…
17 дек '18 в 19:59
0 ответов

Использование Scrollmagic в iFrame

Я хочу использовать Scrollmagic в iFrame. Есть ли способ сделать эту работу? Пример: http://raet.boldinteractive.nl/staging/iframe.html 4-й раздел имеет триггер (см. Индикаторы)
15 ноя '15 в 13:01
5 ответов

Как использовать ScrollMagic с GSAP и Webpack

Чтобы использовать ScrollMagic с GSAP, вам необходимо загрузить animation.gsap.js плагин. С Webpack вы могли бы сделать что-то подобное для достижения этой цели (при условии, что вы используете синтаксис CommonJS и установили все с помощью npm): var…
21 фев '16 в 01:14
0 ответов

fullpage.js - после запуска resposive jQuery.position() и.offset() по-прежнему возвращают 0,0

Пытался использовать ScrollMagic с fullpage.js - я искал и нашел только то, что предлагается использовать scrollBar: true или же autoScrolling: false однако, чтобы включить позиционирование или смещение jQuery, после отклика (который превращает стра…
11 июн '18 в 16:44
0 ответов

SVG, как сделать отзывчивый путь?

Я использую scrollmagic, чтобы создать страницу прокрутки в 5000 пикселей, которая показывает мне svg во время прокрутки. Что-то вроде примера scrollmagic: http://scrollmagic.io/examples/advanced/svg_drawing.html Но в вертикальном направлении. Я соз…
29 июл '16 в 16:40
1 ответ

ScrollMagic - Добавить класс навсегда, не удалять при прокрутке назад

Все, что я хочу сделать, это добавить класс в div при первом просмотре, а затем оставить его там. (Итак, я не хочу переключать его - просто включите его один раз). У меня есть анимация, основанная на добавлении класса в родительский div, и хотя я ук…
25 май '18 в 16:51
1 ответ

ScrollMagic - перестали работать колесико мыши и трекпад

Я использую ScrollMagic для прокрутки параллакса, следуя этому уроку. У меня это работает визуально, но теперь страница перестала прокручиваться при использовании колесика мыши или сенсорной панели. Единственный способ прокрутки - перетаскивание пол…
19 ноя '15 в 05:00
2 ответа

Перекрестный переход для прокручиваемых элементов

Я создаю длинный одностраничный веб-сайт и использую ScrollMagicJS v1.3.0 для запуска событий и закрепления некоторых элементов. Я хотел бы создать множество других эффектов перехода, прокручивая страницу вниз. Вот jsfiddle, который копирует горизон…
1 ответ

ScrollMagic анимация FontSize в EM

Я использую ScrollMagic на сайте, и у меня возникает проблема, когда я пытаюсь анимировать размер шрифта в em, а не в пикселях. Итак, это пример с ems: http://jsfiddle.net/41h1nfxo/7/ И это еще один с px: http://jsfiddle.net/jtdm0o6q/2/ Как видите, …
17 авг '14 в 15:42
0 ответов

Уничтожение нескольких сцен scrollmagic

Я использую Scrollmagic в угловом приложении js. Мое приложение имеет боковую панель справа с бесконечной прокруткой. Есть разделы, которые придерживаются определенное количество времени, а затем отклеиваются, как показано ниже. Раздел А появляется …
1 ответ

Проблемы со ScrollMagic и GreenSock на Chrome

Я делаю анимацию с ScrollMagic а также GreenSock"s TimelineMax, Анимация должна идти в WordPress стр. Однако анимация имеет некоторые глюки, когда страница открыта в Chrome. Эта проблема не возникает в Safari и Firefox. Я не могу проверить на IE. Во…
1 ответ

GSAP с реакцией TweenMax дает ошибку

Я пытаюсь использовать GSAP со Scroll-magic внутри реактивного компонента. Мой код ниже import React, { Component } from 'react'; import TopNavigation from '../pages/TopNavigation'; import Footer from '../pages/footer'; import $ from 'jquery'; impor…
29 мар '18 в 06:35
0 ответов

Используйте Scroll Magic, чтобы прокручивать div над закрепленным или фиксированным div

Я пытаюсь использовать Scroll Magic, чтобы div делала прокрутку на закрепленном элементе div, но элемент div (#text-content), который должен прокручиваться на закрепленном элементе div (#wallpaper), застрял внизу. Какое решение для этого? Я знаю, чт…
02 мар '18 в 07:34
1 ответ

Синхронизация спрайтов и прокрутка с использованием ScrollMagic

Сообщество переполнения, я искал анимацию, которую можно воспроизвести с помощью прокрутки, и нашел Это идеальный пример Я хотел сделать что-то подобное с недостатком знаний о библиотеках js и js. Но даже с копированием и прохождением всех элементов…
29 дек '16 в 13:45