私はこの分野でやや新しいです。aktrailhead.comのページにオーバーレイを実装しました。たとえば、http：//aktrailhead.com/baldy/baldy.shtmlを見てください
問題は、上下にスクロールしても、オーバーレイがブラウザウィンドウの同じ場所に常に留まるということです。ページの残りの部分はそれに応じて上下に移動しますが、オーバーレイはまったく移動しません。
これは、小さな画面（タブレットなど）では問題になります。これは、小さな画面で切り取られたオーバーレイの下部が手の届かないところにあるためです。
テストするには、上のリンクでオーバーレイを開きます。次に、ブラウザウィンドウのサイズを調整して、ウィンドウの下部でページが切り取られるようにします。したがって、スクロールする必要があります。このシナリオでは、ページの残りの部分がスクロールしている間（本来あるべきように）、オーバーレイの下部にアクセスできないことに気付くでしょう。
おそらくこれは、ページ自体ではなく、ブラウザスペースに対するオーバーレイの配置の問題ですか？ボディ要素に対して相対的に配置された場合、それに応じて上下に移動すると思います。わかりませんが、これが簡単な修正であることを願っています。私はこれをCSSで修正しようとしましたが、今のところ運がありません。