Issue in IE 11 : Fixed background move up-down with scroll

Question

I have a fixed header on top of my webpage. It's looking good in chrome and any other browser except internet explorer.

But when i tried to run web-page in IE 11, top header jerk up and down with scroll.

This bug also posted on Internet Explorer Feedback

For me this bug only seen, when page has horizontal scroll bar.

My CSS style for fixed top header:

.dashboard-fixed-top
 {
    background-color: #3b5999;         
    top: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
    overflow: visible;        
    padding-top: 5px;
    height:32px; 
    max-height:32px; 
}

Code in Jsfiddle [In Fiddle It's working perfectly]

I did't get any appropriate solution to overcome of this problem.

Would it be possible to fix this problem?

Any help would be appreciated, bunch of Thanks in advance...!!!

Following two screen-shots described my problem....

In this screen-shot my blue fixed header showing correctly

After moving window scroll a bit lower my blue header look like this (i.e. move up and hide some part of header inside browser command bar)

this might help http://stackoverflow.com/questions/19377810/ie-10-11-make-fixed-backgrounds-jump-when-scrolling-with-mouse-wheel — Sivaprasad derangula, Mar 08 '17 at 06:25

score -1 · Answer 1 · answered Mar 12 '14 at 21:27

-1

Try changing your doc type to <!DOCTYPE html>

answered Mar 12 '14 at 21:27

punchjay

29
5

I'm having very similar situation, and this is not a solution for my problem. – HelpNeeder Sep 29 '15 at 15:01

Issue in IE 11 : Fixed background move up-down with scroll

1 Answers1