Вопросы с меткой [parallax]
Руководство по использованию метки parallax отсутствует.
62
вопроса
0
голосов
1
ответ
33
показа
Как сделать движение фона при скролле в два раза медленне
Как сделать чтобы задняя атрибутика(она идёт одним изображение - фон) двигалась в два раза медленне чем мы скроллим(параллакс называется)
0
голосов
0
ответов
19
показов
Как закрепить шапку с навигацией на parallax (проблема с JS)
Пробую создать страницу с parallax-эффектом, что бы сверху находилась панель навигации и логотип, fixed. Панель закрепил, но вот проблема с parallax-эфектом (не работает), и скрипт не создает класс ....
0
голосов
0
ответов
24
показа
Ломается картинка при паралаксе блока?
Подскажите пожалуйста почему при скролле картинку сверху как-бы "сплющивает"? как можно сделать что-бы была как снизу? Спасибо
.checkout__bg {
background-image: url('https://pibig.info/...
0
голосов
0
ответов
21
показ
Как сделать эффект параллакса изображения за счет акселерометра/гироскопа в андроид Flutter и применить на рабочий стол?
В общем, не судите строго, я новичок во флаттер, оттого сложно найти нужную информацию. Дело в том, что тема эффекта параллакса во флаттер имеется только скролл, а мне же нужно чтобы изображение ...
0
голосов
0
ответов
75
показов
Как остановить requestAnimationFrame для множества элементов
У меня есть сайт, десктопная версия страницы организована полноэкранными страницами с вертикальной прокруткой с помощью плагина Scrollify. Каждая страница имеет класс .js-fullscreen-item. Практически ...
2
голоса
0
ответов
356
показов
Движение картинки при скролле
Есть 2 картинки (одна под другой), которые при скролле должны частично наезжать друг на друга.
Мне кажется, что формула не оптимальна, по этой формуле тяжело спозиционировать начальное положение ...
1
голос
0
ответов
29
показов
Как сделать эффект сборки изображений при скролле [закрыт]
Есть такой эффект, https://www.apple.com/ru/macos/monterey/ как его реализовать? может есть какой то гайд или что то подобное
0
голосов
1
ответ
149
показов
Горизонтальный параллакс эффект
Есть блок с горизонтальной прокруткой.
Каким образом к нему можно добавить эффект параллакс фона, то есть, задний план должен прокручиваться вправо-влево медленнее, чем основное содержимое.
Для ...
0
голосов
1
ответ
36
показов
Как сделать много страничный parallax?
Всем добрый день, делают сайт, где каждый блок с высотой и шириной на весь экран должен иметь эффект parallax . С двумя страницами я сделал, но не знаю как сделать с 3 и более страницами эффект ...
2
голоса
2
ответа
123
показа
Анимация во время скролинга страницы на JS
Помоги пожалуйста сделать анимацию во время скролинга страницы. Тоесть мне нужна анимация как на сайте (Второй блок где Fluid дисплей 90 Гц... и т.д.)
Как реализовать такое?
.li_spec {
list-...
0
голосов
1
ответ
64
показа
Параллакс заголовка
Как можно сделать эффект параллакса для заголовка, чтобы при прокрутке страницы вниз заголовок не сразу прокручивался за пределы экрана, а притормаживал спускаясь немного ниже (к нижнему краю своей ...
3
голоса
2
ответа
456
показов
Движущиеся фигуры на заднем фоне
Как сделать, что бы треугольники или прямоугольники двигались немного в состоянии ожидания, а при скролле поворачивались немного как здесь во втором блоке
P.S.: блок назывется о нас
0
голосов
0
ответов
69
показов
Как создать подобный эффект
Меня заинтересовал подобный эффект дыма, под которым находится изображение, см здесь. Если не ошибаюсь, это разновидность параллакс эффекта. Каким образом это можно реализовать ? Может есть какие то ...
0
голосов
0
ответов
27
показов
Помогите разобрать как устроен parallax
помогите, пожалуйста, разобраться как на главной странице сайта https://www.bighorrorathens.com/ был выполнен parallax
0
голосов
1
ответ
86
показов
Подпрыгивает div при параллаксе
При создании параллакса, наткнулась на такую странность:
Последний (самый нижний) блок начинает подпрыгивать при прокручивании сайта в самый низ. Увидеть можно на примере.
Что это может быть?
...
7
голосов
3
ответа
683
показа
Как сделать такой parallax эффект?
Как сделать такой эффект, как на сайте https://www.fotonaut.cz/en/ ? Интересует поведение пилюль (таблеток), если присмотреться, они как бы живут своей жизнью, двигаются в независимости от движения ...
0
голосов
1
ответ
57
показов
Не работает параллакс в jquery
Делаю параллакс эффект на сайте. Но он, почему-то, не верно считает количество пикселей, на которое должны сместиться блоки.
Также не работает скролл колеса в обратную сторону.
Все работало хорошо до ...
1
голос
0
ответов
69
показов
Конфликт между аккордеоном и parallax js
Используется аккордеон написанный на jquery, под ним находится секция с параллакс эффектом, при нажатии на аккордеон, он наезжает на секцию с параллаксом, вместо того, чтоб растянуть страницу вниз, ...
2
голоса
1
ответ
472
показа
background-attachment: fixed на мобильных устройствах. Эффект параллакса
Есть такой эффект а-ля параллакс, как накладывание при прокрутке страницы одного изображения на другое с помощью свойства background-attachment: fixed;.
Подобная тема чуть ранее была озвучена в ...
2
голоса
1
ответ
46
показов
Слайдерный параллакс
Прошу помощи в следующей задаче: создать анимация параллакса (поправьте, если это не он) при перемещении курсора (или бегунка) от одной части экрана к другой.
Ссылка:https://www.instagram.com/p/...
1
голос
1
ответ
53
показа
Как работает анимация слоев в этой верстке? [закрыт]
Подскажите пожалуйста что движет этой анимацией слоев? В отладчике не какие значения не меняются + js не используется. Следовательно вопрос в том почему слои двигаются с разной скоростью и что на это ...
1
голос
1
ответ
468
показов
Parallax эффект для нескольких блоков
Есть несколько блоков, которые находятся друг под другом и "имеют эффект параллакса".
Суть эффекта заключается в том, чтобы поднять определённый дочерний блок вверх.
Может кто подсказать, как сделать ...
1
голос
1
ответ
40
показов
Помогите с паралаксом
Помогите чтоб при скролле до блоков, они выезжали слева/справа и становились на свои места. Но именно чтоб выезжали постепенно во время скролла, а не вылетали анимацией. Надеюсь понимаете о чем я.
...
0
голосов
0
ответов
296
показов
Parallax на мобильных устройствах
Как сделать parallax на моб. девайсах? При таком коде на любом сенсорном устройстве начинает дергаться:
function parallax(){
scrolled = $(this).scrollTop();
$('#MainBg')....
2
голоса
0
ответов
38
показов
android parallax background effect
Как сделать движущийся фон в зависимости от наклона устройства (3D effect)?
1
голос
0
ответов
26
показов
Не корректно срабатывает JS с Parallax
Есть простенький скрипт для перемещения объектов с определением положения мыши (parallax). Вопросов два:
1) Почему не перемещается первое изображение в <section> (основная проблема)?
2) ...
5
голосов
2
ответа
136
показов
Как сверстать параллакс на заднем плане, с условием, что кристаллы на разных слоях?
Например три разных слоя с группами кристаллов. Как сверстать, спозиционировать эти группы, чтобы они не перекрывали информацию?
0
голосов
1
ответ
43
показа
Эффект при скроллинге. Подскажите его название
Сайт компании apple поражает своими эффектами. Как называется данный примененный эффект, когда X заменятся телефоном, при этом объект двигается, когда пролистываешь страницу вниз? И как сделать его? ...
4
голоса
1
ответ
332
показа
Предложите вариант скролл-эффекта
Хочу вставить в страницу невысокую полоску (как в примере) с картинкой, реагирующей на скролл. По сценарию, фоновая картинка имеет большую высоту, чем блок. При прокрутке она движется чуть быстрее и ...
1
голос
1
ответ
111
показов
Кoнфликт parallax в Materialize CSS
Делаю макет с Materialize CSS. Встроенный parallax не нравится, решил кастомный делать (рабочий вариант, не раз внедрял).
Не могу понять, внедряю сюда, появляется полоса (дублируется фон), пропадает,...
9
голосов
2
ответа
361
показ
Эффект искажения, параллакс?
Как сделать такой же эффект как здесь? Особенно видно на слайде "loftec"?
Попробовал сделать подобное, но у меня при наклоне картинки видно белый фон, а у них ощущение, что картинка огромная и по ...
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: #...
1
голос
0
ответов
150
показов
Подключить parallax.js к проекту
У меня собранный на основе foundation проект (взят из их директории).
Мне нужно подключить parallax.js, я прописал в терминале
npm i --save parallax.js
В файле package.json зависимость появилась
...
0
голосов
0
ответов
54
показа
Не получается сделать паралакс
Доброго времени суток, учусь делать паралакс но не выходит, выбивает кучу ошибок, нуждаюсь в помощи гуру.
$(window).scroll(function() {
var st = $(this).scrollTop();
$(".header_text").css({...
4
голоса
1
ответ
250
показов
Parallax эффект для background
Подскажите инструмент , желательно с RU документацией и минимальной нагрузкой , для реализации Parallax эффекта у background.
0
голосов
1
ответ
130
показов
паралакс фона в тексте [закрыт]
Нужно сделать на странице надпись с фоновым изображением. Также нужно применить для фона паралакс эффект. Как можно реализовать такое, если можно?
4
голоса
1
ответ
219
показов
Тяжелая JavaScript анимация (parallax)
Учу JS. Попробовал написать свой Parallax плагин. Сравнил его нагрузку на ЦП с Parallax.js в диспетчере задач Chrome. Мой оказался в разы тяжелее. Ниже я опишу логику которой руководствовался. Как ...
0
голосов
1
ответ
2k
показов
Анимация движения картинки,когда по ней водят мышкой
Есть пример анимации https://themeisle.com/demo/?theme=Parallax%20One
Как создать такое "движение" картинки?
Выяснил, что там используется transform-style:preserve-3d и несколько overlay картинок. А ...
3
голоса
2
ответа
419
показов
Как вернуть в исходное значение блок при параллакс эффекте?
Когда мышка уходит из области эффекта параллакса, то объекты остаются там же, а мне надо чтобы они возвращались в исходное состояние.
// Yep, that's it!
$('#scene').parallax();
body {
...
3
голоса
2
ответа
10k
показов
Parallax-эффект. Движение фона-картинки при движении мыши
Встретился очень красивый параллакс эффект.(http://www.ahmedbeheiry.tk/) Хочу сделать такой-же на своей странице.
Но как?
Ведь как видите, у него использована всего лишь одна "гифка", и она ...
1
голос
1
ответ
172
показа
Как правильно написать эффект параллакса
Пытаюсь сделать эффект паралакса на сайте http://getscalc.beget.tech/
но беда в том, что фоновые картинки на нижних блоках уезжают вверх.
Вот код:
jQuery(document).ready(function() {
$objWindow = ...
1
голос
1
ответ
54
показа
Parallax эффект неправильно работает
Есть небольшая функция, но она работает не совсем корректно.
$('[data-speed]').each(function () {
var $bgobj = $(this);
$(window).scroll(function () {
var yPos = -($(...
0
голосов
1
ответ
41
показ
Добавляю количество вкладок в табах и пропадает паралакс, почему?
Есть табы в блоке и через пару экранов на фоне едут фендиклюшки(паралакс) все ок, заходят за экран сверху и снизу, но если добавить 5-10 вкладок табов, вроде должно быть все ок и это никак не связано ...
2
голоса
1
ответ
410
показов
Как убрать горизонтальный скролл колесиком мыши при perspective (css)?
Как убрать горизонтальный скролл зажатым колесиком мыши на блоке у которого задано свойство perspective?
owerflow-x: hidden прячет только горизонтальный скроллбар, а вот колесиком все-же можно уйти ...
1
голос
1
ответ
242
показа
Scroll event и css parallax
Добрый день.
Есть параллакс-контейнер (параллакс реализован на css, без js)
.parallax {
height: 100vh;
overflow-y: auto;
}
Внутри которого располагается контент страницы.
Хочу сделать анимацию ...
0
голосов
1
ответ
112
показов
Сss параллакс и переходы по якорям не работают одновременно
Привет!
По этому примеру написала css стили для параллакс эффекта - http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/
Но не получается добавить переход по навигационным якорям, ...
2
голоса
1
ответ
134
показа
возобновление работы addEventListener после removeEventListener
Здравствуйте, имеется данный код.
После того, как элемент с фоном скрылся - смещения фона не происходит.
var lastCall = Date.now();
var clouds = document.getElementsByClassName('header-clouds')[0]...
0
голосов
0
ответов
51
показ
Как реализовать подобный эффект?
Всем привет!
Есть сайт: ссылка
Насколько я поняла, на сайте реализован горизонтальный и вертикальный параллакс.
При прокрутке страницы, основные элементы (кнопки, заголовки, фигуры и тп) немного ...
1
голос
2
ответа
407
показов
Устранение полосы при скроллинге страницы. Проблемы с Parallax.js
Использую Parallax.js в своем проекте. При скроллинге
страницы вниз, над фоновым изображением, которое запараллакчено, появляется полоса:
Не знаю важно ли это или нет, но я использую сетку ...
1
голос
1
ответ
84
показа
Parallax изображение с помощью angularJS
Здравствуйте, пытаюсь написать модуль, который будет содержать сервис и директиву (директива будет обращаться к сервису за значением), позволяющие применять paralax эффект к различным блокам, в моем ...