Background that is SUPPOSED to be 'fixed' jumps/stutters during scrolling on gamesradar.com articles

Issue #14118464

Details

Author
Will R.
Created
Oct 6, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
15.15063
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

go to this article http://www.gamesradar.com/how-nintendo-took-the-switch-from-unproven-underdog-to-king-of-the-christmas-line-up-in-under-a-year/ and start scrolling. Notice the background, which is supposed to be fixed, jumps and stutters during scrolling. I went to the same URL in Firefox and Chrome and the background is perfectly fixed and stable during scrolling

Attachments

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

  • Hello,

    Thank you for providing this information about the issue. After thorough testing, we are unable to reproduce this problem in any browser because no background image loaded. Please update this case when you can provide more details, such as video capture or a new sample website.

    Best Wishes,
    The MS Edge Team

  • James I just went to the link and today there is no background, here’s what’s happened: some days they don’t have a background (the background is usually an advertisement) and some days they do. If it’s not too much trouble, could you check each day until they’ve put an ad up as their fixed background? Or I guess you could contact gamesradar or try to find a bing cache or google cache of the page hopefully on a day when they had a background.

  • Just found another example here https://www.cnet.com/news/iphone-x-truedepth-sensor-production-report/ , but I do not know if it’s the same cause as the original games radar link above (by the way I just checked and gamesradar isn’t showing ads as their background today, please keep checking so we can fix this annoying issue)

  • I just attached a screenshot I’ve what I’m seeing: that iPhone ad is moving and jumping during scrolling, but in Chrome it’s completely still and solid. Also, it seems to be having a negative effect on scrolling performance! This really needs to be fixed

  • Hello,

    Thank you for providing this information about the issue. Today the background ad is loading, so I was able to test the problem. We will consider a solution and keep this case updated.

    Best Wishes,
    The MS Edge Team

  • Microsoft Edge Team

    Changed Status

  • Hello,

    We have confirmed the problem, and are considering a solution for a future build of Edge. We are presently tracking this issue as a duplicate of an existing internal bug report #6395197. We look forward to additional feedback you may have on how we can improve Microsoft Edge.

    Best Wishes,
    The MS Edge Team

  • Thanks. Just curious though, is the gamesradar issue the same as the one in that CNET article?

  • I am experiencing a similar issue. Applying ‘fixed’ position to a div, the div jitters as the page is scrolled. The div eventually is restored to the correct position, but during scroll the div moves up and down about a pixel (rounding?) while, I suspect, position is calculated.
    I created a static page on my local hard drive at url file:///C:/jitter.html with the content below, opened with latest Edge browser, and see the problem immediately when i scroll.

    .stay {
    position:fixed;
    top:0;
    background-color:gray;
    }

    I should not move!

    Content

  • Sorry. I typed markdown into the comment and it does not show up.

    To recreate.

    create two divs in an html page. style the first one like the .stay css in the previous comment. set position to fixed and color the background in the div so it is easy to see. in the second div, force height to a value that will allow scrolling (like min-height: 1800px), then add some content text. Load the html with edge and scroll. The first div location will move up and down, jitter, during scroll.

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

Sign in