Вопросы с меткой [parallax]
Руководство по использованию метки parallax отсутствует.
59
вопросов
0
голосов
0
ответов
31
показ
Как остановить requestAnimationFrame для множества элементов
У меня есть сайт, десктопная версия страницы организована полноэкранными страницами с вертикальной прокруткой с помощью плагина Scrollify. Каждая страница имеет класс .js-fullscreen-item. Практически ...
2
голоса
0
ответов
138
показов
Движение картинки при скролле
Есть 2 картинки (одна под другой), которые при скролле должны частично наезжать друг на друга.
Мне кажется, что формула не оптимальна, по этой формуле тяжело спозиционировать начальное положение ...
1
голос
0
ответов
22
показа
Как сделать эффект сборки изображений при скролле [закрыт]
Есть такой эффект, https://www.apple.com/ru/macos/monterey/ как его реализовать? может есть какой то гайд или что то подобное
0
голосов
1
ответ
54
показа
Горизонтальный параллакс эффект
Есть блок с горизонтальной прокруткой.
Каким образом к нему можно добавить эффект параллакс фона, то есть, задний план должен прокручиваться вправо-влево медленнее, чем основное содержимое.
Для ...
0
голосов
1
ответ
30
показов
Как сделать много страничный parallax?
Всем добрый день, делают сайт, где каждый блок с высотой и шириной на весь экран должен иметь эффект parallax . С двумя страницами я сделал, но не знаю как сделать с 3 и более страницами эффект ...
0
голосов
0
ответов
27
показов
Почему плагин навешивается на класс только один раз? Как навесить его на каждый класс?
Как навесить его на каждый класс parallax?
(function($) {
$.fn.parallax = function(options) {
let settings = $.extend({
'speed': '15'
}, options);
// console.log(this); // ...
2
голоса
2
ответа
105
показов
Анимация во время скролинга страницы на JS
Помоги пожалуйста сделать анимацию во время скролинга страницы. Тоесть мне нужна анимация как на сайте (Второй блок где Fluid дисплей 90 Гц... и т.д.)
Как реализовать такое?
.li_spec {
list-...
0
голосов
1
ответ
51
показ
Параллакс заголовка
Как можно сделать эффект параллакса для заголовка, чтобы при прокрутке страницы вниз заголовок не сразу прокручивался за пределы экрана, а притормаживал спускаясь немного ниже (к нижнему краю своей ...
3
голоса
2
ответа
233
показа
Движущиеся фигуры на заднем фоне
Как сделать, что бы треугольники или прямоугольники двигались немного в состоянии ожидания, а при скролле поворачивались немного как здесь во втором блоке
P.S.: блок назывется о нас
0
голосов
0
ответов
65
показов
Как создать подобный эффект
Меня заинтересовал подобный эффект дыма, под которым находится изображение, см здесь. Если не ошибаюсь, это разновидность параллакс эффекта. Каким образом это можно реализовать ? Может есть какие то ...
0
голосов
0
ответов
22
показа
Помогите разобрать как устроен parallax
помогите, пожалуйста, разобраться как на главной странице сайта https://www.bighorrorathens.com/ был выполнен parallax
0
голосов
1
ответ
74
показа
Подпрыгивает div при параллаксе
При создании параллакса, наткнулась на такую странность:
Последний (самый нижний) блок начинает подпрыгивать при прокручивании сайта в самый низ. Увидеть можно на примере.
Что это может быть?
...
13
голосов
3
ответа
510
показов
Как сделать такой parallax эффект?
Как сделать такой эффект, как на сайте https://www.fotonaut.cz/en/ ? Интересует поведение пилюль (таблеток), если присмотреться, они как бы живут своей жизнью, двигаются в независимости от движения ...
0
голосов
1
ответ
53
показа
Не работает параллакс в jquery
Делаю параллакс эффект на сайте. Но он, почему-то, не верно считает количество пикселей, на которое должны сместиться блоки.
Также не работает скролл колеса в обратную сторону.
Все работало хорошо до ...
1
голос
0
ответов
60
показов
Конфликт между аккордеоном и parallax js
Используется аккордеон написанный на jquery, под ним находится секция с параллакс эффектом, при нажатии на аккордеон, он наезжает на секцию с параллаксом, вместо того, чтоб растянуть страницу вниз, ...
2
голоса
1
ответ
381
показ
background-attachment: fixed на мобильных устройствах. Эффект параллакса
Есть такой эффект а-ля параллакс, как накладывание при прокрутке страницы одного изображения на другое с помощью свойства background-attachment: fixed;.
Подобная тема чуть ранее была озвучена в ...
2
голоса
1
ответ
42
показа
Слайдерный параллакс
Прошу помощи в следующей задаче: создать анимация параллакса (поправьте, если это не он) при перемещении курсора (или бегунка) от одной части экрана к другой.
Ссылка:https://www.instagram.com/p/...
1
голос
1
ответ
50
показов
Как работает анимация слоев в этой верстке? [закрыт]
Подскажите пожалуйста что движет этой анимацией слоев? В отладчике не какие значения не меняются + js не используется. Следовательно вопрос в том почему слои двигаются с разной скоростью и что на это ...
1
голос
1
ответ
383
показа
Parallax эффект для нескольких блоков
Есть несколько блоков, которые находятся друг под другом и "имеют эффект параллакса".
Суть эффекта заключается в том, чтобы поднять определённый дочерний блок вверх.
Может кто подсказать, как сделать ...
1
голос
1
ответ
36
показов
Помогите с паралаксом
Помогите чтоб при скролле до блоков, они выезжали слева/справа и становились на свои места. Но именно чтоб выезжали постепенно во время скролла, а не вылетали анимацией. Надеюсь понимаете о чем я.
...
0
голосов
0
ответов
278
показов
Parallax на мобильных устройствах
Как сделать parallax на моб. девайсах? При таком коде на любом сенсорном устройстве начинает дергаться:
function parallax(){
scrolled = $(this).scrollTop();
$('#MainBg')....
2
голоса
0
ответов
34
показа
android parallax background effect
Как сделать движущийся фон в зависимости от наклона устройства (3D effect)?
1
голос
0
ответов
25
показов
Не корректно срабатывает JS с Parallax
Есть простенький скрипт для перемещения объектов с определением положения мыши (parallax). Вопросов два:
1) Почему не перемещается первое изображение в <section> (основная проблема)?
2) ...
5
голосов
2
ответа
132
показа
Как сверстать параллакс на заднем плане, с условием, что кристаллы на разных слоях?
Например три разных слоя с группами кристаллов. Как сверстать, спозиционировать эти группы, чтобы они не перекрывали информацию?
0
голосов
1
ответ
41
показ
Эффект при скроллинге. Подскажите его название
Сайт компании apple поражает своими эффектами. Как называется данный примененный эффект, когда X заменятся телефоном, при этом объект двигается, когда пролистываешь страницу вниз? И как сделать его? ...
4
голоса
1
ответ
274
показа
Предложите вариант скролл-эффекта
Хочу вставить в страницу невысокую полоску (как в примере) с картинкой, реагирующей на скролл. По сценарию, фоновая картинка имеет большую высоту, чем блок. При прокрутке она движется чуть быстрее и ...
1
голос
1
ответ
108
показов
Кoнфликт parallax в Materialize CSS
Делаю макет с Materialize CSS. Встроенный parallax не нравится, решил кастомный делать (рабочий вариант, не раз внедрял).
Не могу понять, внедряю сюда, появляется полоса (дублируется фон), пропадает,...
9
голосов
2
ответа
301
показ
Эффект искажения, параллакс?
Как сделать такой же эффект как здесь? Особенно видно на слайде "loftec"?
Попробовал сделать подобное, но у меня при наклоне картинки видно белый фон, а у них ощущение, что картинка огромная и по ...
1
голос
1
ответ
337
показов
Фон блока прокручивается со страницей
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
ответов
127
показов
Подключить parallax.js к проекту
У меня собранный на основе foundation проект (взят из их директории).
Мне нужно подключить parallax.js, я прописал в терминале
npm i --save parallax.js
В файле package.json зависимость появилась
...
0
голосов
0
ответов
53
показа
Не получается сделать паралакс
Доброго времени суток, учусь делать паралакс но не выходит, выбивает кучу ошибок, нуждаюсь в помощи гуру.
$(window).scroll(function() {
var st = $(this).scrollTop();
$(".header_text").css({...
4
голоса
1
ответ
245
показов
Parallax эффект для background
Подскажите инструмент , желательно с RU документацией и минимальной нагрузкой , для реализации Parallax эффекта у background.
0
голосов
1
ответ
127
показов
паралакс фона в тексте [закрыт]
Нужно сделать на странице надпись с фоновым изображением. Также нужно применить для фона паралакс эффект. Как можно реализовать такое, если можно?
4
голоса
1
ответ
200
показов
Тяжелая JavaScript анимация (parallax)
Учу JS. Попробовал написать свой Parallax плагин. Сравнил его нагрузку на ЦП с Parallax.js в диспетчере задач Chrome. Мой оказался в разы тяжелее. Ниже я опишу логику которой руководствовался. Как ...
0
голосов
1
ответ
1k
показов
Анимация движения картинки,когда по ней водят мышкой
Есть пример анимации https://themeisle.com/demo/?theme=Parallax%20One
Как создать такое "движение" картинки?
Выяснил, что там используется transform-style:preserve-3d и несколько overlay картинок. А ...
3
голоса
2
ответа
391
показ
Как вернуть в исходное значение блок при параллакс эффекте?
Когда мышка уходит из области эффекта параллакса, то объекты остаются там же, а мне надо чтобы они возвращались в исходное состояние.
// Yep, that's it!
$('#scene').parallax();
body {
...
3
голоса
2
ответа
9k
показов
Parallax-эффект. Движение фона-картинки при движении мыши
Встретился очень красивый параллакс эффект.(http://www.ahmedbeheiry.tk/) Хочу сделать такой-же на своей странице.
Но как?
Ведь как видите, у него использована всего лишь одна "гифка", и она ...
1
голос
1
ответ
167
показов
Как правильно написать эффект параллакса
Пытаюсь сделать эффект паралакса на сайте http://getscalc.beget.tech/
но беда в том, что фоновые картинки на нижних блоках уезжают вверх.
Вот код:
jQuery(document).ready(function() {
$objWindow = ...
1
голос
1
ответ
52
показа
Parallax эффект неправильно работает
Есть небольшая функция, но она работает не совсем корректно.
$('[data-speed]').each(function () {
var $bgobj = $(this);
$(window).scroll(function () {
var yPos = -($(...
0
голосов
1
ответ
41
показ
Добавляю количество вкладок в табах и пропадает паралакс, почему?
Есть табы в блоке и через пару экранов на фоне едут фендиклюшки(паралакс) все ок, заходят за экран сверху и снизу, но если добавить 5-10 вкладок табов, вроде должно быть все ок и это никак не связано ...
2
голоса
1
ответ
366
показов
Как убрать горизонтальный скролл колесиком мыши при perspective (css)?
Как убрать горизонтальный скролл зажатым колесиком мыши на блоке у которого задано свойство perspective?
owerflow-x: hidden прячет только горизонтальный скроллбар, а вот колесиком все-же можно уйти ...
1
голос
1
ответ
219
показов
Scroll event и css parallax
Добрый день.
Есть параллакс-контейнер (параллакс реализован на css, без js)
.parallax {
height: 100vh;
overflow-y: auto;
}
Внутри которого располагается контент страницы.
Хочу сделать анимацию ...
0
голосов
1
ответ
101
показ
Сss параллакс и переходы по якорям не работают одновременно
Привет!
По этому примеру написала css стили для параллакс эффекта - http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/
Но не получается добавить переход по навигационным якорям, ...
2
голоса
1
ответ
121
показ
возобновление работы addEventListener после removeEventListener
Здравствуйте, имеется данный код.
После того, как элемент с фоном скрылся - смещения фона не происходит.
var lastCall = Date.now();
var clouds = document.getElementsByClassName('header-clouds')[0]...
0
голосов
0
ответов
50
показов
Как реализовать подобный эффект?
Всем привет!
Есть сайт: ссылка
Насколько я поняла, на сайте реализован горизонтальный и вертикальный параллакс.
При прокрутке страницы, основные элементы (кнопки, заголовки, фигуры и тп) немного ...
1
голос
2
ответа
367
показов
Устранение полосы при скроллинге страницы. Проблемы с Parallax.js
Использую Parallax.js в своем проекте. При скроллинге
страницы вниз, над фоновым изображением, которое запараллакчено, появляется полоса:
Не знаю важно ли это или нет, но я использую сетку ...
1
голос
1
ответ
77
показов
Parallax изображение с помощью angularJS
Здравствуйте, пытаюсь написать модуль, который будет содержать сервис и директиву (директива будет обращаться к сервису за значением), позволяющие применять paralax эффект к различным блокам, в моем ...
1
голос
0
ответов
38
показов
Как обработать атрибут data, который имеет отрицательное число?
Добрый день! Атрибут data с положительным числом для блока .left обрабатывается, блок .left меняет по мере прокрутки свое свойство. А если атрибут data имеет отрицательное число, как это у блока ....
1
голос
0
ответов
45
показов
Параллакс для разных элементов
Есть скрипт эффекта параллакс. Для блока .left меняется отступ с левой стороны от 300px до 0. Как сделать, чтобы также для блока .right менялся отступ с правой стороны, а для блока .top отступ сверху? ...
0
голосов
2
ответа
83
показа
Проблемы с parallax
body {
margin: 0;
}
nav {
width: 100%;
height: 53px;
background: #fefefe;
position: fixed;
top: 0;
left: 0;
z-index: 1;
}
.parallax {
perspective: 1px;
height: ...