Я написал сайт, используя эффект параллакса и имеющий несколько проблем с неустойчивой производительностью.Jittery parallax scrolling
Страница была увеличена с использованием шкалы преобразования CSS3 и изменения размера, автоматически изменяет размер страницы с помощью JavaScript/jQuery.
В прокрутке фоны позиционируются с использованием положения прокрутки на обертке (только параллаксные фоны). С фоном изображения, перемещаемым в событии прокрутки с использованием верхней позиции CSS. Изображения имеют смещение по краю, чтобы придать иллюзии положение изображения, оставаясь неподвижным. Я включил графическое ускорение и все еще получаю дрожащие изображения при прокрутке.
Как я выяснил, масштаб преобразования CSS3 не работает с фиксированной позицией.
Любое другое решение?
дрожит параллакс сайт: http://5starprmarketing.prosoftwareuk.co.uk/p/1750 Smooth параллакса сайта: http://northeastexpo.co.uk/
Настройка позиции с помощью JS, как правило, более нервный, то «гладкий» один связывании использует фиксированные изображения позиции в а не анимировать их со страницей. – DBS
Есть ли причина, по которой вы не используете готовые решения, такие как https://ihatetomatoes.net/demos/parallax-scroll-effect/? –
Причина, по которой я не использовал плагин, была связана с требованием страницы масштабирования с использованием шкалы преобразования в css3 на теге body. – tonoslfx