Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Дуболом Одноклеточный
@duboloms
Люблю есть дубы с кетчупом. Веб-разработчик.
JavaScript
Parallax
Почему не работает parallax js?
У меня есть круги которые должны реагировать на движения курсора с помощью библиотеки
parallax.js
:
Мой пример
Но они не работают(
Что делать с ним?
Вопрос задан
более трёх лет назад
335 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
Oleg
@dasnein
Для работы с jQuery необходимо обращаться не к полученной коллекции элементов через $('#scene'), а к конкретному элементу: $('#scene').get(0)
https://github.com/wagerfield/parallax#how-can-i-u...
Фикс:
https://codepen.io/dasnein/pen/rNaENqe
Есть более простой вариант без jQuery, можно получить нужный элемент через getElementByID:
https://codepen.io/dasnein/pen/PowroBy
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
Дуболом Одноклеточный
@duboloms
Автор вопроса
Спасибо большое!
Написано
более трёх лет назад
Дуболом Одноклеточный
@duboloms
Автор вопроса
А как разместить их в тех местах, в которых я хочу?
Написано
более трёх лет назад
Oleg
@dasnein
Самый очевидный способ – создать для каждого элемента обёртку-контейнер
https://codepen.io/dasnein/pen/rNaENqe
Написано
более трёх лет назад
Dymok
@UnluckySerivelha
https://codepen.io/UnluckySerivelha/pen/oNgrNaG
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
Дуболом Одноклеточный
@duboloms
Автор вопроса
Спасибо
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Emptty0
@Emptty0
Перемести подключение скриптов в самый низ перед закрывающим тегом body и всё заработает. Сперва надо подключать jquery, затем parallax.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
136 просмотров
1
ответ
JavaScript
Простой
По какой логике формируется очередь микро задач с async/await синтаксисом?
1 подписчик
13 авг.
183 просмотра
1
ответ
JavaScript
+2 ещё
Средний
Как отключить глобальные объявления?
1 подписчик
12 авг.
127 просмотров
0
ответов
JavaScript
Простой
Есть ли ресурс где можно посмотреть все генераторы микро/макро задач?
1 подписчик
12 авг.
134 просмотра
0
ответов
JavaScript
Средний
Как добавить скрытый input в форму через js?
1 подписчик
11 авг.
170 просмотров
0
ответов
JavaScript
+2 ещё
Сложный
Что означает Autofocus processing was blocked because a document already has a focused element.?
1 подписчик
09 авг.
84 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Как сделать код с отменой запросов и переотправкой более простым?
1 подписчик
05 авг.
246 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как отправлять браузерные уведомления через скрипт js?
1 подписчик
01 авг.
232 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Существуют ли годные современные курсы по PIXI.js?
1 подписчик
31 июл.
219 просмотров
0
ответов
JavaScript
Простой
Как написать регулярное выражение для поиска имени файла в теге img?
1 подписчик
30 июл.
178 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Fullstack-разработчик
IT-hunter
•
Санкт-Петербург
До 350 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама