IE Fix for "jumpy" fixed bacground

---------- THE UPDATED VERSION OF THIS PROTIP IS AVAILABLE HERE -----------

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 () {
            // 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).

---------- THE UPDATED VERSION OF THIS PROTIP IS AVAILABLE HERE -----------