モーダル内の特定要素だけスクロールする処理を作る時のポイント - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 最近、スマホ向けのサイトを作っていて、モーダルをオープンした時に モーダル内のコンテンツはスクロール可能 背景側に配置される元の本文はスクロール不可 という機能を作っていて、PC環境では問題ないのにスマホの実機で動作確認すると、以下のような状態になってしまってハマってました。 解決方法知りたい人向けに先に触れておくと、ここでまとめた問題はbody-scroll-lock というライブラリで解決できました。 自分の備忘録も兼ねて、原因となった要因＆body-scroll-lockの実装についてちょっと触れておきます。 問題の要点

[h5y1m141]

久しぶりにQiitaに投稿。