background-attachment:fixed internet explorer 11 odd up & down jiggle

html css internet-explorer background-attachment
Jose Ch. picture Jose Ch. · May 18, 2014 · Viewed 8.8k times · Source

Noticed an odd and annoying bug in IE11. Images placed in the background using css with background-attachment fixed do this odd up & down jiggle dance when scrolling. It primarily happens when using the scroll wheel or when using the arrow buttons on the scroll bar. if you scroll by dragging the scroll bar it doesn’t seem to happen.

try this fiddle: http://jsfiddle.net/G6Mdu/ when using IE you can see the image jiggle. On chrome, firefox, etc it works fine.

 #test{
     height: 510px;
     width:100%;
     background-position: center top;
     background-attachment: fixed;
     background-size: cover;
 }

any solutions?

Answer

user3982863 picture user3982863 · Aug 29, 2014

This is a known issue with the implementation of background-attachment: fixed in IE10+. I believe it occurs on all elements except <body>.

http://connect.microsoft.com/IE/feedback/details/819518/fixed-background-image-scrolling-issue

Related questions

Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
Div with horizontal scrolling only

I have a fixed width DIV containing a table with many columns, and need to allow the user to scroll the table horizontally within the DIV. This needs to work on IE6 and IE7 only (internal client application). The following …

Read More
Remove the complete styling of an HTML button/submit

Is there a way of completely removing the styling of a button in Internet Explorer? I use a css sprite for my button, and everything looks ok. But when I click the button, it moves to the top a little, …

Read More