Mouse wheel issue with position:fixed images - by Brad Azevedo

Status : 

 


ID 795070 Comments
Status Active Workarounds
Type Bug Repros 8
Opened 7/26/2013 12:07:06 AM
Access Restriction Public

Description

Scrolling with the mouse wheel on this web site causes the background image (which uses position:fixed) to jump all over the place. The issue is not reproducible when dragging the scrollbars on the page. I'm using a Microsoft Wireless Laser Mouse 5000 on Windows 8.1.

https://jawbone.com/
Sign in to post a comment.
Posted by mathieuaudouin on 12/19/2014 at 1:01 PM
This issue also happens on the Microsoft Design site http://www.microsoft.com/design/
IE 11.0.96
Win 8.1
Smooth scrolling enable (this issue goes away with smooth scrolling disable)
Posted by herudea on 12/4/2014 at 7:34 AM
We are eager for IE 11 to be a browser we can get fully behind. Having this same issue on several of our sites.

One of our dev sites:
http://kenmontkenwood-pattern-guide.s3-website-us-east-1.amazonaws.com/experience-camp/a-day-in-the-life-of-emily/
Posted by tganup on 4/22/2014 at 7:25 PM
Any eta on when this will be fixed? The issue is seen on windows phone 8 as well.
Posted by Arni Leibovits on 4/3/2014 at 3:06 AM
I can't believe this is still not fixed in the April 2014 Update (KB2919355)!
Posted by Microsoft on 10/21/2013 at 1:26 PM
Hello Mangelot,

Thank you for the feedback, we can reproduce the issue using the link you provided we are investigating.

Best regards,
The Internet Explorer Team
Posted by Mangelot Hosting on 10/17/2013 at 1:04 PM
Hello,

Same problem here after installation of upgrade Windows 8.1 our website has the same problem didn't have it in Windows 8.0 :
scrollbars works good background stays fixed, when scrolling with the mouse wheel the background isnt fixed on movement.

website:
https://www.mangelot.nl
Posted by Microsoft on 8/6/2013 at 7:35 AM
Thank you for taking the time to file this bug. Our WebGL renderer in the IE11 Preview release is still a work in progress; some context methods and GLSL compiler features are not working yet. We will be updating the IE11 Preview release with a newer version of our WebGL as soon as possible. We will be investigating the site you reported and look for missing functionality and/or bugs in our preview WebGL renderer.


Best regards,

The Internet Explorer Team
Posted by Microsoft on 7/29/2013 at 10:22 AM
Thank you for your feedback. We will be investigating this issue further.

Best regards,

The Internet Explorer Team
Posted by IECustomizer on 7/26/2013 at 10:04 PM
Hi,
see if the issue remains if your turn on tracking protection to block twitter and facebook.... I can't reproduce the issue when they are blocked.... You also have a markup error that may be altering positioning of element.

HTML1421: Malformed end tag. End tags should not contain attributes.File: jawbone.com, Line: 21, Column: 1288SEC7114: A download in this page was blocked by Tracking Protection.
https://ssl.google-analytics.com/ga.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://connect.facebook.net/en_US/all.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://platform.twitter.com/widgets.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://connect.facebook.net/en_US/all.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://platform.twitter.com/widgets.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://connect.facebook.net/en_US/all.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://platform.twitter.com/widgets.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://connect.facebook.net/en_US/all.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://platform.twitter.com/widgets.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://connect.facebook.net/en_US/all.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://platform.twitter.com/widgets.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://connect.facebook.net/en_US/all.jsSEC7114: A download in this page was blocked by Tracking Protection.
https://platform.twitter.com/widgets.jsSCRIPT5022: Error loading resource. Max attempts reached. https://connect.facebook.net/en_US/all.jsFile: jawbone.com, Line: 16, Column: 122SCRIPT5022: Error loading resource. Max attempts reached. https://platform.twitter.com/widgets.jsFile: jawbone.com, Line: 16, Column: 122


Your html end tag is malformed....

</html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:gel="http://jawbone.com/gel">