Не работают transition на мобильном устройстве. Что это может быть?

Ссылка скопирована
CSS HTML Веб-разработка
1 ответ

Проблема следующая. Залил сайт на хостинг и посмотрел его работу на мобильном устройстве, на ПК транзишины работают, а на мобилке нет. Вот ссылка на сайт: a0895674.xsph.ru/

Дополнительно:

про какие transition речь, те что при наведении мышкой или разговор про плавный скроллинг?

  • IvanU7n, листание слайдера, открытие модального окна при нажатии на обратную связь, кнопка бургер. Сейчас заметил, что на мобильном устройстве не работают транзишины только в яндексе - в хроме работает.
  • Overlord934, на мобилке яндексом не проверял, но десктопный в эмуляции нормально транзишены отрабатывает
  • IvanU7n, странно, проверил на двух мобильных устройствах на одном работают транзишин на другом нет. Что же это может быть
  • Overlord934, как вариант на том, где не работает, мало батареи или ещё каким-то образом включен режим экономии энергии, но гадать можно долго
  • IvanU7n, да, действительно мало энергии. А есть ли способ, как-то обойти это? В том смысле, что обойти ограничения от экономии энергии
  • Overlord934, а кэш в телефоне очищали?

    • Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Максим Павлов Ответ

    Проблема с отсутствием перехода на мобильном устройстве может иметь несколько возможных причин. Ниже приведены некоторые из наиболее распространенных причин и способы их решения:

    1. Не правильно настроенные стили CSS: Проверьте, что у вас есть правильные стили для мобильных устройств в вашем CSS файле. Убедитесь, что у вас есть правильные медиа-запросы для адаптивного дизайна. Например, вы можете использовать медиа-запросы для изменения стилей в зависимости от размера экрана устройства.

    @media only screen and (max-width: 600px) {
  /* Ваши стили для мобильных устройств */
}

    @media only screen and (max-width: 600px) { /* Ваши стили для мобильных устройств */ }

    2. JavaScript конфликт: Иногда JavaScript код может помешать правильной работе переходов на мобильных устройствах. Проверьте, нет ли ошибок в консоли браузера и попробуйте временно отключить JavaScript, чтобы увидеть, влияет ли это на проблему.

    3. Не правильно настроенные ссылки: Убедитесь, что все ссылки на вашем сайте настроены правильно для мобильных устройств. Например, проверьте, что вы используете правильные атрибуты href и что они не перекрываются другими элементами на странице.

    Если после проверки всех вышеперечисленных пунктов проблема все еще остается, попробуйте использовать инструменты разработчика браузера для отладки и поиска ошибок. Также вы можете попробовать обратиться к сообществу разработчиков на специализированных форумах для получения дополнительной помощи и советов.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно

    VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Аккумуляторные батареи Почему при зарядке автостарта слышен писк, где искать причину? 1 ответ