CSS parallax demo paint issues

Issue #5084491 • Assigned to Rick J.

Details

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

Sign in to watch or report this issue.

Steps to reproduce

URL:

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:

No

Attachments

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:
      https://connect.microsoft.com/IE/feedbackdetail/view/1919720/css-parallax-demo-paint-issues

    • 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.

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

    Sign in