AndroidのみWebView内でJSのモーダル背景スクロール固定が効かない

Question

AndroidのWebview内でモーダルの背景固定処理が効かない

現在iOS,Androidのスマホアプリを作成しており、その中で一部WebページをWebViewで読み込んでいる箇所があります。
その中でHTMLで作成したモーダル表示に対して、JSでモーダル表示中は背景のスクロールをさせないように固定する処理を入れているのですが、こちらの処理がAndroidだけ効かず困っています。

背景固定の処理は下記になります。

該当のソースコード

window.onload = function(){
  let $body = $('body');
  let scrollTop;

  // スクロールを固定
  function bodyFixedOn() {
	scrollTop = $(window).scrollTop();
	$body.css({
		overflowY: 'hidden',
		position: 'fixed',
		top: -scrollTop
	});
  }

  // スクロールの固定を解除
  function bodyFixedOff() {
	$body.css({
		overflowY: 'auto',
		position: '',
		top: ''
	});
	$(window).scrollTop(scrollTop);
  }

  // モーダル表示
  openBtn.addEventListener('touchend',function(event){
	// 背景固定
	bodyFixedOn();
　　　　　　　　　　　　　　　・
　　　　　　　　　　　　　　　・
	// その他モーダル表示処理
  });

 　　// モーダル非表示
  closeBtn.addEventListener('touchend',function(event){
	// 背景固定解除
	bodyFixedOff();
　　　　　　　　　　　　　　　・
　　　　　　　　　　　　　　　・
	// その他モーダル非表示処理
  });
}

補足情報（FW/ツールのバージョンなど）

Androidのバージョンは8,9,10,11で確認しています。
iOSは10,11,12で全て問題なく固定されます。

Androidではなにか特殊な処理が必要になるのでしょうか？
知見のある方教えていただければ幸いです。
どうぞよろしくお願い致します。

Comments

[tshion]

すいません、一点確認なのですが、
Android のWebView 側でJavaScript の実行許可はしておりますでしょうか？

詳しくはこのあたりが参考になるかもです
[WebView でのウェブアプリの作成 | Android デベロッパー](https://developer.android.google.cn/guide/webapps/webview?hl=ja#EnablingJavaScript)

[nekoneko21213]

情報ありがとうございます。
はい、JavaScripの実行は許可している状態です。

[tshion]

なかなか回答出来ていなくてすいません。
いろいろ考えてみたのですが、今のところ解決策が思いつかないです。
何か思い出したらまた投稿しますm(_ _)m