CSS parallax demo paint issues

Fixed Issue #5084491


Oct 19, 2015
This issue is public.
Fixed in build #
Reported by 9 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”

      Changed Assigned To from “Rick J.” to “Matt A.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Matt A.” to “IE S.”

      Changed Status from “Confirmed” to “Fixed”

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

    Sign in