stcherenkov
@stcherenkov
front-end engineer

Как можно управлять анимацией GIF в Google Chrome?

Вот тут: www.the-village.ru/village/situation/situation/171... (или на любой другой статье на The Village) время от времени появляется баннер "Концепт недели – квартира-гаджет".
bb7a78496f694723a3c9015ce41af029.png
Содержимое элемента – ссылка и gif-изображение, никаких подвохов. При этом баннер ведёт себя в Google Chrome следующим образом: показывает разные кадры гифа статично в зависимости от положения прокрутки; при приближении к верхней или нижней границе страницы включает анимацию с последнего статичного кадра.
В Firefox, Safari – не работает, там gif просто анимируется.
Как можно реализовать такое поведение? Интернет предлагает решения с canvas, но здесь же его нет.
  • Вопрос задан
  • 5971 просмотр
Решения вопроса 1
SagePtr
@SagePtr
Еда - это святое
Видимо, это баг, связанный с position: fixed. Если поменять position на любой другой, то анимация снова работает. Фиксированные элементы отрисовуются отдельно, и видимо, хром забывает отрисовывать каждый кадр, либо пытается экономить ресурсы.
При приближении к верхней и нижней границе скрипт меняет стиль этого элемента, потому анимация при этом отрисовуется нормально.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
mlnkv
@mlnkv
JavaScript Developer
А подвоха нет, просто отслеживают скролл и меняют периодически картинку
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы