IEスクロール時fixed要素がカクカクしてしまう問題

position:fixedで固定している要素が、IEでのスクロール時にぎこちない動作をすることがあります。
IE・Edgeのバグなのですが、CSSで対処可能です。

html{
 overflow: hidden;
 height: 100%;
}
body{
 overflow: auto;
 height: 100%;
}

html{

overflow: hidden;

height: 100%;

}

body{

overflow: auto;

height: 100%;

}

これだけで直りますが、Javascript、jQueryのスクロールイベント「scroll()」などが機能しなくなるので注意！

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。