Вопросы по теме 'parallax'
Как создать автоматическую прокрутку для параллакса, а затем переключиться на событие управления мышью?
stage.addEventListener(Event.ENTER_FRAME, loop, false);
function loop(e:Event): void
{
if(scene.x <= -10 && scene.x >= -9200)
scene.x -= (this.mouseX - 490) * speed;
{
if(scene.x > -10) scene.x = -10;
if(scene.x <...
717 просмотров
schedule
08.01.2024
Skrollr анимируется только после изменения размера экрана
Я работаю над внедрением Skrollr на сайт клиента. Я использую относительную позицию следующим образом:
<div id="deer" data-anchor-target="#benchmark" data-200-bottom="left: -100px" data-bottom="left: 80px"></div>
Однако анимация,...
1517 просмотров
schedule
19.10.2022
Сдвиньте div вверх при прокрутке страницы вниз, чтобы показать содержимое за ним.
Я стремлюсь добиться эффекта на сайте http://icscreative.com/#home . Когда вы прокручиваете сайт вверх, появляется div с фоновым изображением, которое занимает весь экран. Затем, когда вы прокручиваете вниз, он поднимается, открывая содержимое...
3706 просмотров
schedule
12.10.2023
Динамически устанавливать высоту и поля ‹div› на основе одинаковой ширины ‹div›
Я создаю адаптивный сайт и хочу настроить высоту в зависимости от его ширины. Это будет параллаксный и адаптивный сайт. Для отзывчивости сайта я решил сделать элемент контейнера адаптивным и регулировать размер на основе медиа-запросов. Тогда этот...
1006 просмотров
schedule
05.03.2024
Создание параллакса сложенного изображения
Я пытаюсь создать эффект параллакса, который займет 4 изображения, и когда вы немного прокручиваете страницу, 4 изображения начинают складываться друг над другом. Вот наглядный пример того, как этот бургер собирается вместе на веб-сайте Smokey Bones...
653 просмотров
schedule
09.06.2024
Есть ли способ сделать прокрутку более тонкой для прокручиваемого объекта?
Допустим, есть прокручиваемый элемент <div> или <body> высотой 2000 пикселей. Каждый раз, когда я использую прокрутку мыши, она разворачивается на 100 пикселей . Есть ли способ сделать развертывание 10px вместо 100px ? Чтоб...
71 просмотров
schedule
09.11.2023
Как сделать полностраничный слайдер с автоматическим размером изображения для WordPress?
Любой может помочь мне с идеями или с чего / как начать создание полностраничного слайдера, который будет целевой страницей для веб-сайта wordress, веб-сайт использует эффект параллакса, поэтому, когда пользователь прокручивает этот слайдер, он будет...
135 просмотров
schedule
03.08.2022
CSS translate3d очень нервный в Safari 8
Я работаю над простой частью поведения параллакса, для которой такие библиотеки, как Skrollr, были бы просто излишними. Я добился довольно впечатляющего прогресса, и в Chrome и Firefox все работает прекрасно, но в OSX Safari 8 движение кажется очень...
503 просмотров
schedule
05.04.2024
Объедините несколько SKScenes в Sprite Kit
В настоящее время я борюсь со следующей проблемой:
Я создаю игру Sprite Kit в Objective-C , в которой я должен использовать анимацию параллакса во всех трех сценах. Я использую облака со случайно сгенерированными позициями X и Y. Они появляются...
71 просмотров
schedule
14.07.2022
Эффект параллакса с переходом CSS
Можно ли сделать эффект параллакса фонового изображения с переходами css? Параллакс должен быть медленнее, чем прокрутка, поэтому нужно что-то замедлять - можно ли это сделать с помощью css? Или, если нет, как лучше всего это сделать с помощью...
5724 просмотров
schedule
13.11.2023
Перекрывающиеся карты в recyclerview при прокрутке в Android
Моя проблема в том, что я хотел бы создать RecyclerView с изображениями для своих карт (не надо, если я должен использовать CardView или простой относительный макет).
При прокрутке вниз изображения будут перемещаться вверх с некоторым перекрытием:...
838 просмотров
schedule
23.07.2022
Параллаксное изображение очень изменчиво при прокрутке
Я добавил изображение параллакса на свой веб-сайт, но, мягко говоря, оно выглядит очень изменчиво. Всякий раз, когда я прокручиваю страницу вниз, это не дает 3D-эффекта, как я хочу.
Чтобы увидеть это вживую, перейдите на эту страницу и прокрутите...
1223 просмотров
schedule
10.02.2024
Отзывчивое выравнивание двух div с чистым текстом для параллакса
Я создаю сайт с параллаксом, и у меня возникают проблемы с тем, чтобы два div в разделе стали абсолютно идеально выровнены, сохраняя при этом его отзывчивый характер.
К сожалению, при изменении размера окна два элемента ведут себя не так, как...
196 просмотров
schedule
18.03.2024
Swift — Parallax Header View — ScrollView перекрывает ячейки
Я пытаюсь настроить расширение для заголовка Parallax. Однако это не работает идеально. Представление заголовка таблицы всегда плавает и перекрывает ячейки.
Код расширения:
extension UITableView {
func addImageHeaderView(headerView...
1520 просмотров
schedule
20.10.2022
Параллакс в мобильных устройствах
Я создаю веб-сайт, на котором использую фоны параллакса. Он отлично работает в Safari и Chrome на моем Mac, но background-size: cover вообще не работает на мобильных устройствах. Картинки увеличены, а функция параллакса отключена.
Я искал простое...
10548 просмотров
schedule
29.05.2024
Эффект параллакса — убрать зазор между секциями
У меня проблема с анимацией параллакса, которую я сделал. Эффект работает следующим образом:
Есть 2 секции, окружающие элемент параллакса. Этот элемент параллакса будет перемещен, если было запущено событие прокрутки.
Насколько быстро элемент...
666 просмотров
schedule
06.01.2024
Изображение Android и панель инструментов (EditText) внутри прокрутки CollapsingToolbarLayout
Я хочу реализовать функцию, показанную ниже.
Перед прокруткой есть EditText внизу, логотип ImageView в центре и правое меню вверху.
Во время прокрутки ImageView и EditText исчезают, а меню остается.
После прокрутки EditText уменьшится до...
176 просмотров
schedule
17.07.2022
Подогнать высоту div к высоте фонового изображения (с эффектом параллакса)
Я обнаружил проблему с фоновым изображением параллакса шириной 100%. Я должен использовать фиксированное значение высоты div, потому что оно пустое.
Проблема в том, что пустое пространство под фоновым изображением при тесном окне просмотра....
1307 просмотров
schedule
11.05.2024
