Elementor - эффекты движения при прокрутке не работают, пока размер окна не изменится.

У меня есть эффекты прокрутки для определенных изображений, некоторые для увеличения, использую горизонтальную, вертикальную прокрутку и некоторые другие эффекты. Движение прокрутки не инициализируется, если не произойдет одно из двух: 1) Размер окна браузера изменен (ширина или высота). 2) Вы снова заходите на страницу или она обновляется. Это происходит во всех браузерах.

Изменить: некоторые эффекты прокрутки кажутся инициализированными, но срабатывают до того, как они появятся в области просмотра (поэтому вы не видите их).

Пример видео:

ПРИМЕЧАНИЕ. Вы должны посетить страницу со страницей в режиме инкогнито, если хотите повторить проблему несколько раз. Если он снова начнет работать, попробуйте новый браузер или новую вкладку.

URL-адреса страниц с нарушенной прокруткой (большинство разделов находится в разделе "Веб-дизайн"):

https://rory-dwyer.com/hk-electrical-engineers/ - Раздел с ноутбуком, телефоном и скриншотом сайта

https://rory-dwyer.com/simpliii/ - между элементами брендинга и видео

https://rory-dwyer.com/bridge-city-ballroom-dance/ - Анимация входа в телефон, скриншоты сайта

https://rory-dwyer.com/jgarloff-design/ - компьютер, телефон и скриншоты сайта

https://rory-dwyer.com/apo11o/ - телефоны в разделе "Веб-дизайн"

Что я пробовал:

  • Отключение всех плагинов
  • Использование стоковой темы
  • Отключение внедрения сценария в верхний и нижний колонтитулы
  • Удаление разделов Elementor Nav и Footer
  • Найдите и замените http -> https
  • Восстановите страницу с нуля (используя шаблон страницы, созданный в Elementor)
  • Откат версии Elementor
  • Восстановление сайта с нуля на живом сервере (с самого начала), а не на локальном env
  • Отключение всех глобальных шаблонов
  • Удаление всех пользовательских CSS и JS

javascript wordpress html css elementor
person Rory Dwyer    schedule 10.07.2019    source источник
comment
У меня тоже есть такая же проблема, но в моем случае она не работала с элементом gallery элемента или иначе эффекты движения работают нормально, я думаю, что у него проблема с галереей или некоторыми из них css, у меня есть красный цвет в некоторых вопросах WordPress, связанных с этим и кем-то сказал, что это происходит из-за внешнего или внутреннего поля / заполнения.   -  person Haritsinh Gohil    schedule 27.09.2019
comment
У меня такая же проблема ... эффекты движения включены в текстовых div. При загрузке некоторые элементы не отображались, если вы не изменили размер браузера. Я пытался отключить эффект, но похоже, что он продолжает применять эффекты.   -  person Omer    schedule 08.12.2019

Ответы (3)


arrow_upward
1
arrow_downward

Зайдите в настройки Jetpack в плагине Jetpack. Перейдите на вкладку «Производительность». Прокрутите страницу вниз и отключите ленивую загрузку

Изображение отключенной отложенной загрузки в подключаемом модуле Jetpack.

person thatsmybrodie    schedule 30.12.2020

arrow_upward
0
arrow_downward

Для тех, у кого есть эта проблема, можно попробовать это.

Если вы используете Windows 10. вероятно, вы выключили show animations on windows. включите его в настройках display settings в Windows 10.

person xkdhc    schedule 19.12.2019

arrow_upward
0
arrow_downward

Найдите файл css вашего Elementor frontend.min.css и удалите эту часть css:

@media (prefers-reduced-motion:reduce) {
    .animated {
        -webkit-animation: none;
        animation: none
    }
}

Эта часть css сообщает браузерам отключить анимацию, если операционная система предпочитает уменьшенное движение, поэтому удаление этой части css заставит анимацию отображаться во всех ОС. Если вы хотите сохранить эту часть CSS и показать ее на некоторых ПК, которые вам нужны, вы можете включить анимацию в настройках на этих ПК - чтобы включить анимацию в Windows 10, перейдите в Настройки ›Легкость доступа› Дисплей ›Упростить и Настройте Windows, затем включите Показать анимацию в Windows.

person omanosoft    schedule 09.01.2021