background-attachment:fixed internet explorer 11 odd up & down jiggle [duplicate]
Asked Answered
B

1

9

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?

Bypath answered 18/5, 2014 at 16:46 Comment(5)
Anyway, I'm not seeing a jiggle in IE11...Sexennial
@kmoe. here is a video with the problem: youtube.com/watch?v=OSIfRX3t1tM. left is google chrome right is IE 11Bypath
This was a known bug in IE. We have fixed it. See my answer here for more information.Bhatt
This bug is still present in Windows 8.1 touch laptops using the latest version of IE11. It occurs using background-attachment: fixed. Disabling smooth-scroll fixes the problem, or using the workaround described here connect.microsoft.com/IE/feedback/details/819518/… by Hanoncs. But, it still happens when using touch, keyboard up/down or trackpad scrolling.Brookbrooke
I just came across a case where I was able to reduce the stuttering by removing box-shadow from elements that overlap the fixed background.Aerosol
D
4

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

Danielledaniels answered 29/8, 2014 at 5:7 Comment(1)
This bug is still present in Windows 8.1 touch laptops using the latest version of IE11. It occurs using background-attachment: fixed. Disabling smooth-scroll fixes the problem, or using the workaround described here connect.microsoft.com/IE/feedback/details/819518/… by Hanoncs. But, it still happens when using touch, keyboard up/down or trackpad scrolling.Brookbrooke

© 2022 - 2024 — McMap. All rights reserved.