Edgeでposition:fixed でヘッダーがガタガタする

Question

ヘッダーをposition:fixedで固定し、スクロールするとIE11とEdgeの時だけがたつきます。

そこで下記のサイトに書かれているjsを埋め込んだら
IE11はがたつきが止まったのですが、Edgeだけまだがたつきます。
https://souken-blog.com/2017/08/25/ie11-smoothscroll/
http://cloud-collector.link/2016/05/08/ie-fixed-scroll-bug/

<script>
 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);
 });
 }
</script>

ユーザーエージェントがEdgeだけ違うのでしょうか？
原因がわからず苦戦しています。

Edgeのがたつきを防ぐ何かいい方法はありませんか？

Answer 1

Edgeのユーザーエージェントはmatch(/Edg/)っぽいですよ

• Edge のユーザーエージェントがいろいろとひどい

尚，bodyをfixedした際でも，スクロールイベントは取れるようです

• 固定ヘッダーの背景色をスクロールで変更したい | Teratail

Comments

[ttkun]

match(/Edg/)に変更したら治りました。
ありがとうございます。