IEでposition:fixedがカタカタする

yasuko
情報過多で頭がクラッシュしております

position : fixed
background-attachment : fixed

など、fixすることがよくありますが、IEだとカタカタカクカクしちゃいますね。

IEの機能を無効にしてしまおう

IEの機能「スムーズスクロール」がONになっているせいで、fixしたものがカクカクしちゃう。

無効にしてしまいましょう!

 if(navigator.userAgent.match(/MSIE 10/i) || navigator.userAgent.match(/Trident\/7\./) || navigator.userAgent.match(/Edge\/12\./)) {
 $('body').on("mousewheel", function () {
 event.preventDefault();
 var wd = event.wheelDelta;
 var csp = window.pageYOffset;
 window.scrollTo(0, csp - wd);
 });
 }

このjsを記述すると、ピタッっと気持ちよくfixします!