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

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
33 показа

Как сделать движение фона при скролле в два раза медленне

Как сделать чтобы задняя атрибутика(она идёт одним изображение - фон) двигалась в два раза медленне чем мы скроллим(параллакс называется)
Freez Фриз's user avatar
0 голосов
0 ответов
19 показов

Как закрепить шапку с навигацией на parallax (проблема с JS)

Пробую создать страницу с parallax-эффектом, что бы сверху находилась панель навигации и логотип, fixed. Панель закрепил, но вот проблема с parallax-эфектом (не работает), и скрипт не создает класс ....
Виталий's user avatar
0 голосов
0 ответов
24 показа

Ломается картинка при паралаксе блока?

Подскажите пожалуйста почему при скролле картинку сверху как-бы "сплющивает"? как можно сделать что-бы была как снизу? Спасибо .checkout__bg { background-image: url('https://pibig.info/...
tiptop88's user avatar
  • 433
0 голосов
0 ответов
21 показ

Как сделать эффект параллакса изображения за счет акселерометра/гироскопа в андроид Flutter и применить на рабочий стол?

В общем, не судите строго, я новичок во флаттер, оттого сложно найти нужную информацию. Дело в том, что тема эффекта параллакса во флаттер имеется только скролл, а мне же нужно чтобы изображение ...
Identi_null's user avatar
0 голосов
0 ответов
75 показов

Как остановить requestAnimationFrame для множества элементов

У меня есть сайт, десктопная версия страницы организована полноэкранными страницами с вертикальной прокруткой с помощью плагина Scrollify. Каждая страница имеет класс .js-fullscreen-item. Практически ...
Максим Мамаев's user avatar
2 голоса
0 ответов
356 показов

Движение картинки при скролле

Есть 2 картинки (одна под другой), которые при скролле должны частично наезжать друг на друга. Мне кажется, что формула не оптимальна, по этой формуле тяжело спозиционировать начальное положение ...
PeWe's user avatar
  • 43
1 голос
0 ответов
29 показов

Как сделать эффект сборки изображений при скролле [закрыт]

Есть такой эффект, https://www.apple.com/ru/macos/monterey/ как его реализовать? может есть какой то гайд или что то подобное
slavke's user avatar
  • 11
0 голосов
1 ответ
149 показов

Горизонтальный параллакс эффект

Есть блок с горизонтальной прокруткой. Каким образом к нему можно добавить эффект параллакс фона, то есть, задний план должен прокручиваться вправо-влево медленнее, чем основное содержимое. Для ...
Александр's user avatar
0 голосов
1 ответ
36 показов

Как сделать много страничный parallax?

Всем добрый день, делают сайт, где каждый блок с высотой и шириной на весь экран должен иметь эффект parallax . С двумя страницами я сделал, но не знаю как сделать с 3 и более страницами эффект ...
Daniil's user avatar
  • 77
2 голоса
2 ответа
123 показа

Анимация во время скролинга страницы на JS

Помоги пожалуйста сделать анимацию во время скролинга страницы. Тоесть мне нужна анимация как на сайте (Второй блок где Fluid дисплей 90 Гц... и т.д.) Как реализовать такое? .li_spec { list-...
Dr. tema's user avatar
  • 167
0 голосов
1 ответ
64 показа

Параллакс заголовка

Как можно сделать эффект параллакса для заголовка, чтобы при прокрутке страницы вниз заголовок не сразу прокручивался за пределы экрана, а притормаживал спускаясь немного ниже (к нижнему краю своей ...
Sevastopol''s user avatar
3 голоса
2 ответа
456 показов

Движущиеся фигуры на заднем фоне

Как сделать, что бы треугольники или прямоугольники двигались немного в состоянии ожидания, а при скролле поворачивались немного как здесь во втором блоке P.S.: блок назывется о нас
helldrg's user avatar
  • 1,139
0 голосов
0 ответов
69 показов

Как создать подобный эффект

Меня заинтересовал подобный эффект дыма, под которым находится изображение, см здесь. Если не ошибаюсь, это разновидность параллакс эффекта. Каким образом это можно реализовать ? Может есть какие то ...
Amandi's user avatar
  • 1,083
0 голосов
0 ответов
27 показов

Помогите разобрать как устроен parallax

помогите, пожалуйста, разобраться как на главной странице сайта https://www.bighorrorathens.com/ был выполнен parallax
eXamp1e's user avatar
0 голосов
1 ответ
86 показов

Подпрыгивает div при параллаксе

При создании параллакса, наткнулась на такую странность: Последний (самый нижний) блок начинает подпрыгивать при прокручивании сайта в самый низ. Увидеть можно на примере. Что это может быть? ...
Viktoria Cake's user avatar
7 голосов
3 ответа
683 показа

Как сделать такой parallax эффект?

Как сделать такой эффект, как на сайте https://www.fotonaut.cz/en/ ? Интересует поведение пилюль (таблеток), если присмотреться, они как бы живут своей жизнью, двигаются в независимости от движения ...
Katya's user avatar
  • 143
0 голосов
1 ответ
57 показов

Не работает параллакс в jquery

Делаю параллакс эффект на сайте. Но он, почему-то, не верно считает количество пикселей, на которое должны сместиться блоки. Также не работает скролл колеса в обратную сторону. Все работало хорошо до ...
Viktoria Cake's user avatar
1 голос
0 ответов
69 показов

Конфликт между аккордеоном и parallax js

Используется аккордеон написанный на jquery, под ним находится секция с параллакс эффектом, при нажатии на аккордеон, он наезжает на секцию с параллаксом, вместо того, чтоб растянуть страницу вниз, ...
Alex RM's user avatar
  • 31
2 голоса
1 ответ
472 показа

background-attachment: fixed на мобильных устройствах. Эффект параллакса

Есть такой эффект а-ля параллакс, как накладывание при прокрутке страницы одного изображения на другое с помощью свойства background-attachment: fixed;. Подобная тема чуть ранее была озвучена в ...
Sevastopol''s user avatar
2 голоса
1 ответ
46 показов

Слайдерный параллакс

Прошу помощи в следующей задаче: создать анимация параллакса (поправьте, если это не он) при перемещении курсора (или бегунка) от одной части экрана к другой. Ссылка:https://www.instagram.com/p/...
Andy_Frost's user avatar
1 голос
1 ответ
53 показа

Как работает анимация слоев в этой верстке? [закрыт]

Подскажите пожалуйста что движет этой анимацией слоев? В отладчике не какие значения не меняются + js не используется. Следовательно вопрос в том почему слои двигаются с разной скоростью и что на это ...
vovkka's user avatar
  • 29
1 голос
1 ответ
468 показов

Parallax эффект для нескольких блоков

Есть несколько блоков, которые находятся друг под другом и "имеют эффект параллакса". Суть эффекта заключается в том, чтобы поднять определённый дочерний блок вверх. Может кто подсказать, как сделать ...
De.Minov's user avatar
  • 22.9k
1 голос
1 ответ
40 показов

Помогите с паралаксом

Помогите чтоб при скролле до блоков, они выезжали слева/справа и становились на свои места. Но именно чтоб выезжали постепенно во время скролла, а не вылетали анимацией. Надеюсь понимаете о чем я. ...
websterjoy's user avatar
0 голосов
0 ответов
296 показов

Parallax на мобильных устройствах

Как сделать parallax на моб. девайсах? При таком коде на любом сенсорном устройстве начинает дергаться: function parallax(){ scrolled = $(this).scrollTop(); $('#MainBg')....
Александр's user avatar
2 голоса
0 ответов
38 показов

android parallax background effect

Как сделать движущийся фон в зависимости от наклона устройства (3D effect)?
Евгений's user avatar
1 голос
0 ответов
26 показов

Не корректно срабатывает JS с Parallax

Есть простенький скрипт для перемещения объектов с определением положения мыши (parallax). Вопросов два: 1) Почему не перемещается первое изображение в <section> (основная проблема)? 2) ...
Alexander Goroshev's user avatar
5 голосов
2 ответа
136 показов

Как сверстать параллакс на заднем плане, с условием, что кристаллы на разных слоях?

Например три разных слоя с группами кристаллов. Как сверстать, спозиционировать эти группы, чтобы они не перекрывали информацию?
user263937's user avatar
0 голосов
1 ответ
43 показа

Эффект при скроллинге. Подскажите его название

Сайт компании apple поражает своими эффектами. Как называется данный примененный эффект, когда X заменятся телефоном, при этом объект двигается, когда пролистываешь страницу вниз? И как сделать его? ...
Antonio112009's user avatar
4 голоса
1 ответ
332 показа

Предложите вариант скролл-эффекта

Хочу вставить в страницу невысокую полоску (как в примере) с картинкой, реагирующей на скролл. По сценарию, фоновая картинка имеет большую высоту, чем блок. При прокрутке она движется чуть быстрее и ...
Aleksandr Shemetillo's user avatar
1 голос
1 ответ
111 показов

Кoнфликт parallax в Materialize CSS

Делаю макет с Materialize CSS. Встроенный parallax не нравится, решил кастомный делать (рабочий вариант, не раз внедрял). Не могу понять, внедряю сюда, появляется полоса (дублируется фон), пропадает,...
zkolya's user avatar
  • 1,336
9 голосов
2 ответа
361 показ

Эффект искажения, параллакс?

Как сделать такой же эффект как здесь? Особенно видно на слайде "loftec"? Попробовал сделать подобное, но у меня при наклоне картинки видно белый фон, а у них ощущение, что картинка огромная и по ...
YourDeveloper's user avatar
1 голос
1 ответ
397 показов

Фон блока прокручивается со страницей

html, body { padding: 0; margin: 0; height: auto; width: 100%; color: #fff; text-align: center; font-size: 20px; } #clear_first { position: relative; background: #...
Михаил Астахов's user avatar
1 голос
0 ответов
150 показов

Подключить parallax.js к проекту

У меня собранный на основе foundation проект (взят из их директории). Мне нужно подключить parallax.js, я прописал в терминале npm i --save parallax.js В файле package.json зависимость появилась ...
Александр Алексеев's user avatar
0 голосов
0 ответов
54 показа

Не получается сделать паралакс

Доброго времени суток, учусь делать паралакс но не выходит, выбивает кучу ошибок, нуждаюсь в помощи гуру. $(window).scroll(function() { var st = $(this).scrollTop(); $(".header_text").css({...
Banny Banny's user avatar
4 голоса
1 ответ
250 показов

Parallax эффект для background

Подскажите инструмент , желательно с RU документацией и минимальной нагрузкой , для реализации Parallax эффекта у background.
Xzizz's user avatar
  • 1,494
0 голосов
1 ответ
130 показов

паралакс фона в тексте [закрыт]

Нужно сделать на странице надпись с фоновым изображением. Также нужно применить для фона паралакс эффект. Как можно реализовать такое, если можно?
Ivanov's user avatar
  • 11
4 голоса
1 ответ
219 показов

Тяжелая JavaScript анимация (parallax)

Учу JS. Попробовал написать свой Parallax плагин. Сравнил его нагрузку на ЦП с Parallax.js в диспетчере задач Chrome. Мой оказался в разы тяжелее. Ниже я опишу логику которой руководствовался. Как ...
serken's user avatar
  • 75
0 голосов
1 ответ
2k показов

Анимация движения картинки,когда по ней водят мышкой

Есть пример анимации https://themeisle.com/demo/?theme=Parallax%20One Как создать такое "движение" картинки? Выяснил, что там используется transform-style:preserve-3d и несколько overlay картинок. А ...
Klimenko Kirill's user avatar
3 голоса
2 ответа
419 показов

Как вернуть в исходное значение блок при параллакс эффекте?

Когда мышка уходит из области эффекта параллакса, то объекты остаются там же, а мне надо чтобы они возвращались в исходное состояние. // Yep, that's it! $('#scene').parallax(); body { ...
Aleksandr's user avatar
  • 710
3 голоса
2 ответа
10k показов

Parallax-эффект. Движение фона-картинки при движении мыши

Встретился очень красивый параллакс эффект.(http://www.ahmedbeheiry.tk/) Хочу сделать такой-же на своей странице. Но как? Ведь как видите, у него использована всего лишь одна "гифка", и она ...
Nazar's user avatar
  • 191
1 голос
1 ответ
172 показа

Как правильно написать эффект параллакса

Пытаюсь сделать эффект паралакса на сайте http://getscalc.beget.tech/ но беда в том, что фоновые картинки на нижних блоках уезжают вверх. Вот код: jQuery(document).ready(function() { $objWindow = ...
Элвин's user avatar
1 голос
1 ответ
54 показа

Parallax эффект неправильно работает

Есть небольшая функция, но она работает не совсем корректно. $('[data-speed]').each(function () { var $bgobj = $(this); $(window).scroll(function () { var yPos = -($(...
Владимир's user avatar
0 голосов
1 ответ
41 показ

Добавляю количество вкладок в табах и пропадает паралакс, почему?

Есть табы в блоке и через пару экранов на фоне едут фендиклюшки(паралакс) все ок, заходят за экран сверху и снизу, но если добавить 5-10 вкладок табов, вроде должно быть все ок и это никак не связано ...
Артур Черешнюк's user avatar
2 голоса
1 ответ
410 показов

Как убрать горизонтальный скролл колесиком мыши при perspective (css)?

Как убрать горизонтальный скролл зажатым колесиком мыши на блоке у которого задано свойство perspective? owerflow-x: hidden прячет только горизонтальный скроллбар, а вот колесиком все-же можно уйти ...
Вячеслав Варов's user avatar
1 голос
1 ответ
242 показа

Scroll event и css parallax

Добрый день. Есть параллакс-контейнер (параллакс реализован на css, без js) .parallax { height: 100vh; overflow-y: auto; } Внутри которого располагается контент страницы. Хочу сделать анимацию ...
Inferion's user avatar
0 голосов
1 ответ
112 показов

Сss параллакс и переходы по якорям не работают одновременно

Привет! По этому примеру написала css стили для параллакс эффекта - http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/ Но не получается добавить переход по навигационным якорям, ...
Вероника Быкова's user avatar
2 голоса
1 ответ
134 показа

возобновление работы addEventListener после removeEventListener

Здравствуйте, имеется данный код. После того, как элемент с фоном скрылся - смещения фона не происходит. var lastCall = Date.now(); var clouds = document.getElementsByClassName('header-clouds')[0]...
anxieter's user avatar
  • 113
0 голосов
0 ответов
51 показ

Как реализовать подобный эффект?

Всем привет! Есть сайт: ссылка Насколько я поняла, на сайте реализован горизонтальный и вертикальный параллакс. При прокрутке страницы, основные элементы (кнопки, заголовки, фигуры и тп) немного ...
Diana's user avatar
  • 137
1 голос
2 ответа
407 показов

Устранение полосы при скроллинге страницы. Проблемы с Parallax.js

Использую Parallax.js в своем проекте. При скроллинге страницы вниз, над фоновым изображением, которое запараллакчено, появляется полоса: Не знаю важно ли это или нет, но я использую сетку ...
Vunderval's user avatar
1 голос
1 ответ
84 показа

Parallax изображение с помощью angularJS

Здравствуйте, пытаюсь написать модуль, который будет содержать сервис и директиву (директива будет обращаться к сервису за значением), позволяющие применять paralax эффект к различным блокам, в моем ...
simply good's user avatar