Слайды Foundation Orbit перекрашивают всю страницу при каждом переходе (Chrome)
С помощью:
Chrome 36.0.1985.125
Фонд Орбита 5.2.2 с animation: slide
У меня есть слайд-шоу, 5 слайдов, в верхней части моей страницы. Они настроены на переход через slide
каждые 3000 мс Я впервые заметил проблему перекраски, описанную ниже, из-за того, что Fancybox вызывается в нижней части страницы. В то время как iframe Fancybox"высовывался", быстрая белая вспышка / мерцание влияла на все, кроме iframe, каждые 3 секунды.
Использование просмотра временной шкалы инспектора Chrome, а также параметра "Отображение" для отображения прямоугольников рисования подтвердило мои подозрения.
Даже если набор слайдов (верхняя часть страницы) находится за пределами экрана, каждые 3 секунды происходит перерисовка всей страницы. С помощью временной шкалы инспектора я могу видеть "сердцебиение" каждые 3 секунды в потоке, даже когда прокручивается полностью до нижней части страницы, включая большой пурпурный и зеленый всплеск, где фиолетовый представляет рендеринг, а зеленый представляет рисование. С помощью параметра "Отрисовка" "Показать прямоугольники рисования" я вижу, что даже при прокрутке до конца страницы быстрая вспышка каждого элемента на странице, обрамленная и окрашенная в зеленый цвет (окрашивается) каждые 3 секунды.
Я немного осмотрелся на предмет " мерцания базовой орбиты ", " перерисовки слайд-шоу орбит ", " перекраски базовой орбиты за кадром " и подобных терминов и до сих пор не нашел ничего полезного.
На одной или двух страницах, которые я прочитал, упоминалось об изменении шрифта или мерцании шрифта через равные промежутки времени, связанные с переходами слайдов. "Исправление" (или обходной путь) было изменить animation
значение параметра из slide
в fade
, Пытаясь это, я обнаружил, что проблема перекраски исчезла полностью. Тем не менее, я бы предпочел использовать slide
переход.
Я не смог воспроизвести это в Safari или Firefox, но я также не знаю, какие инструменты разработчика использовать в любом из этих браузеров, которые бы подтверждали или опровергали, происходит ли перерисовка (то есть эквивалент Timeline или "Show"). рисовать прямоугольники "в инспекторе Chrome). Если это не закулисное доказательство, то в случае с Firefox и Safari, когда в нижней части страницы отображается iframe Fancybox, отсутствует белая вспышка / мерцание, как в Chrome из-за перерисовки.
Любая помощь будет принята с благодарностью.
И да, я понимаю, что слайд-шоу Foundation Orbit больше не поддерживается.
Большое спасибо.