Как сделать анимацию в React, как на целевой странице iphone 12pro
Здравствуйте, я спрашиваю об этом, потому что не знаю, с чего начать. Я хочу знать, как сделать, чтобы анимация присутствовала на целевой странице iphone 12pro, например: https://www.apple.com/it/iphone-12-pro/
Когда элемент находится в центре области просмотра, непрозрачность равна 1, а при прокрутке вниз непрозрачность центрального вида уменьшается, а при увеличении - вниз. Обязательно ли использовать что-то вроде https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API?
@ JohannesKlauß Спасибо, смотрю документы :)
—
06.04.2021 12:25
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
20
0
Другие вопросы по теме
Темный режим CSS не работает на мобильных устройствах
Почему внезапно перестали работать мои заголовок и центральные теги?
Как окружить наложенное (z-индексированное) изображение окружающим кольцом прозрачности?
Создание пустого и редактируемого столбца после таблицы с помощью JavaScript
Как эта маржа: 10 + 50 работает и действует?
Перейти к определенному слайду в jquery html slider unslider
Как создать 3D-фрейм с помощью CSS
Отображение панели поиска в заголовке при прокрутке HTML / CSS
Появляются лишние теги значков, но только 3 в HTML
Скрипт для подключения к инструментам разработчика Google Chrome для поиска переполнения: скрыто в элементе DOM
Похожие вопросы
Как загрузить внешний контент / разметку перед основными файлами сайта?
Как получить информацию о видео на Facebook?
Ожидается назначение или вызов функции, а вместо этого в реакции отображается выражение @ typescript-eslint / no-unused-expressions
Бесконечная игра: как случайным образом создавать объекты на 4-х линиях с помощью p5.js
Как закрыть боковую панель, когда кнопка выбрана?
Создавайте различные объекты внутри карты с помощью троичного
Локальные функции не работают в VueUse useWebWorkerFn
Datatable не показывает кнопку Excel
Встроенная функция не помещается в стек вызовов в Chrome?
Клонирование индекса массива объектов в javascript (клиентский ReactJS) и возврат представления на основе нового массива с использованием метода карты
Я бы использовал для этого что-то вроде framer-motion: framer.com/api/motion Is имеет все необходимые функции (например, захват прокрутки области просмотра, преобразование и т. д.)