CSS parallax demo paint issues

Issue #5084491 • Assigned to Rick J.


Oct 19, 2015
This issue is public.
Reported by 6 people

Sign in to watch or report this issue.

Steps to reproduce


Repro Steps:

Visit: http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/ in Firefox, Opera, Safari or Chrome and note the effect. Now load in Edge - you should see the rendering issues.

Expected Results:

The page should scroll smoothly with layers of content moving a different speed

Actual Results:

Dev Channel specific:



0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

    • Note that a workaround for this issue accompanies the original report here:

    • Microsoft Edge Team

      Changed Assigned To from “Christian F.” to “Rick J.”

    • Note the workaround listed above is not 100%. In my case the parallax gets “frozen” after attempting to show 1 or 2 repaints. It seems to fail mostly when using the scrollbar. When animating a 3d transform (via transition, for example), the parallax works as expected.

    • Microsoft Edge Team

      Changed Title from “CSS parallax demo paint issues” to “CSS parallax demo paint issues”

    You need to sign in to your Microsoft account to add a comment.

    Sign in