If you are using fixed backgrounds on your website such as here, you may experience issues on IE (I’m on IE11 Windows 8). Your fixed backgrounds may jump around and jitter when scrolling with mousewheel. (Like this)

A way to fix this is to disable smooth scrolling on IE, but it won’t help your users. So another way is to fix it by overriding the mousewheel event on IE like this.

if(navigator.userAgent.match(/Trident\/7\./)) { // if IE
    $('body').on("mousewheel", function (event) {
        // remove default behavior
        event.preventDefault(); 

        //scroll without smoothing
        var wheelDelta = event.wheelDelta;
        var currentScrollPosition = window.pageYOffset;
        window.scrollTo(0, currentScrollPosition - wheelDelta);
    });
}           

Hope this can help someone :)

PS : Also -webkit-backface-visibility: hidden; can break your background-attachement in chrome (speak from experience).


This protip was originaly posted on coderwall but I start moving all my work here. So feel free to tell me what you think about it in the comment section below.