Описание тега page-transition

0 ответов

Функция скрытия страницы работает в Safari, но указана как неподдерживаемая в документации MDN?

Пытаюсь проверить, есть лиpagehideсобытие надежно в Safari. Он не указан как поддерживаемый в спецификации html или в MDN для настольных / мобильных устройств Safari https://html.spec.whatwg.org/multipage/indices.html https://developer.mozilla.org/e…
1 ответ

Задержка смены маршрута в Гэтсби

Есть ли способ отложить смену маршрута в Гэтсби? Я бы использовал его для постепенного исчезновения страницы перед тем, как исчезнуть на новой странице. Я делаю это с помощью a pi gatsby-browser. Затухание новой страницы работает хорошо, но затухани…
21 мар '20 в 03:15
1 ответ

Flutter: анимация двух маршрутов с внутренней анимацией

Я полностью застрял в этом. Я хочу создать собственный маршрут страницы, который будет анимировать как страницы IN, так и OUT. Анимация самих маршрутов - простая задача, я делаю это так: import 'package:flutter/material.dart'; class FromMenuRoute ex…
05 апр '20 в 20:40
0 ответов

Переход HTML - черный контур видео

Обзор: Я выполняю переход страницы на своем веб-сайте, в настоящее время я использую анимацию, и после ее завершения на экране появляется видео в формате mp4, которое воспроизводится в цикле, пока страница не загрузится. Проблема: В некоторых разреш…
15 апр '20 в 20:34
0 ответов

Здесь я использовал gsap и Highway.js для плавного перехода между страницами abiut, но, хотя в консоли нет ошибки, она не работает.

Пожалуйста, проверьте изображение.. Здесь я использовал gsap и Highway.js для плавного перехода между страницами "about", но даже если в консоли нет ошибок, он не работает. комментарий:- Это главная html-страница.. <main data-router-wrapper> &…
24 июл '20 в 17:56
1 ответ

Реагировать на CSSTransition при смене страницы по маршруту

Я использую CSSTransition и он отлично работает с компонентами: <CSSTransition timeout={330} in={state.isPopupOpen} classNames="popup" unmountOnExit> <MyComponent /> </CSSTransition> Мне было интересно, могу ли я использовать CSSTr…
1 ответ

Переход страницы масштабирования HTML/CSS/JavaScript

Я хочу создать переход страницы в HTML, где при нажатии на изображение / текст появляется такая анимация гипер-прыжка из Звездных войн. Это означает, что когда я щелкаю изображение / текст, страница приближается к этому изображению / тексту, и это и…
30 май '20 в 02:50
0 ответов

Swup JS застрял в состоянии pageLoaded

Здравствуйте, я пытаюсь использовать этот замечательный плагин "Swup JS". Когда я запускаю код с их сайта, плагин работает отлично. Когда я пытаюсь добавить его на свой сайт, он застревает в состоянии "pageLoaded". Я попытался удалить весь код и вст…
21 авг '20 в 12:54
1 ответ

Как с помощью Swup.js перенести главное видео между двумя страницами без перезапуска видео при смене страницы

У меня возникли проблемы с переходом главного видео между двумя страницами с помощью Swup.js. В настоящее время я могу выполнить переход элемента видео с помощью настраиваемого класса под названием "transition-wipe", который изменяет ширину видео с …
01 сен '20 в 16:20
0 ответов

Flutter: есть ли способ использовать DragRecognizer или GestureDetector поверх ScrollView?

У меня такая проблема: Я хочу создать вертикальное перетаскивание для перехода маршрута страницы. Таким образом, когда пользователь перетаскивает вертикально, страница должна быть pop(). Моя проблема в том, что если есть прокрутка, распознаватель ве…
1 ответ

Вызвать функцию Javascript при щелчке по гиперссылке и дождаться завершения анимации?

У меня есть анимация перехода на страницу, которую я использую с css. Он полагается на изменение класса контейнера для запуска css-анимации. Я ищу способ активировать эту анимацию (добавив класс в контейнер), затем дождаться ее завершения, а затем п…
29 июн '20 в 09:34
1 ответ

переход страницы не работает с swup js

У меня сейчас 2 страницы. Я пытаюсь выполнить переход между страницами и использую подмену плагинов ниже. Теперь моя проблема в том, что переход страниц не работает, когда я нажимаю на меню. Я добавил меню вроде /index а также /about в href и мой UR…
17 мар '20 в 13:00
0 ответов

Переход страницы в ответ с помощью React Transition Group и React-Carousel

У меня проблема с соотношением перехода страницы с React Transition Group и React-router. Я выполнил несколько руководств, чтобы сделать переходы между страницами, которые хорошо работают со всеми моими страницами, за исключением страницы, где у мен…
1 ответ

Flutter: как анимировать цвет фона при переходе страницы

Я хотел бы создать анимацию между цветами фона двух страниц во флаттере. Я говорю о переходах страниц, но вместо перехода всей страницы я просто хочу изменить цвет фона новой страницы (с цвета bg предыдущей страницы на новый цвет), в то время как ос…
0 ответов

Как заставить функцию JQuery setTimeout () работать после перехода страницы в swup или другие библиотеки?

У меня есть index.html с некоторыми анимациями с использованием setTimeout функцию и ссылку на about.html. я использую swupдля перехода между страницами. Но когда я перееду в about.html затем вернись к index.htmlничего не произошло. Потому как setTi…
24 ноя '20 в 10:55
0 ответов

React-Spring заставляет текущую страницу прокручиваться вверх перед переходом на следующую страницу

Я использую пружины реакции для перехода со страницы на страницу в веб-приложении NextJS. Чтобы воспроизвести ошибку: Откройте ссылку codeandbox: https://codesandbox.io/s/nextjs-page-transition-react-spring-ggx7n?file=/pages/_app.js Перейдите в нижн…
1 ответ

Barba.js (v2.9.7) перезагружает текущую страницу вместо следующей

Я впервые пытаюсь использовать Barba.js. Я в основном хочу только один переход для каждой страницы (отображение div перехода data.next.namespaceскользит внутрь и наружу). Единственное исключение - экран предварительной загрузки, появляющийся только …
16 ноя '20 в 02:27
0 ответов

переход экрана дрожания не плавный при использовании пользовательского художника, который рисует объект больше, чем размер экрана

Я использую собственный художник для создания фона моего приложения. Я рисую круг, который наполовину виден на экране, а остальное - снаружи. Экран отображается нормально, проблем нет. Однако, когда я перехожу к следующему экрану, переход не плавный…
0 ответов

SWUP, изменяющий файлы CSS и эффекты затухания анимации (HeadPlugin)

Привет, я столкнулся с проблемой, связанной с тем, как HeadPlugin выполняет анимацию, и решил, что нужно обойтись, и решил опубликовать его здесь, на случай, если кто-то столкнется с той же проблемой. Кроме того, все это может быть дезинформировано,…
20 сен '20 в 02:14
1 ответ

Реагируйте на отложенную загрузку маршрутов с переходами между страницами

Ищите решение этой проблемы вверх, вниз и в сторону. Моя цель - назначить отложенную загрузку почти всем компонентам на моем веб-сайте React. Однако эти компоненты используют переходы между страницами кадра и движением при входе и выходе компонентов…
23 фев '21 в 01:34