body-scroll-lock.js「すべてのブラウザでスクロールのロックしたるで」←こいつ超有能 - Qiita

この記事に書いてあること JavaScriptプラグインのbody-scroll-lock.jsの使い方について サイトリンク GitHubリポジトリ npmサイト body-scroll-lock.jsとは？ ターゲット要素（モーダル/ライトボックス/フライアウト/ナビメニューなど）のスクロールを中断せずに、ボディスクロールを禁止にするプラグインです 対象ブラウザ iOS Mobileおよびタブレット、Android、デスクトップSafari/Chrome/Firefox どんな時に使うか？ 例えばモーダルを表示した時に、背景を固定したいといった場合に使うことができます。 モーダルの中だけスクロールを有効にして、背景固定を実現するなんてことも簡単に実装可能です。 なぜ使うの？ スクロールのロックは簡単そうに思えて、実は結構面倒くさい処理内容です。 例えば、 overflow:hidden

[pwatermark]

ユーザの操作を阻害する目的でなければいいんだけど、こういうのって得てして「悪用」されるんだよなあ、主に広告界隈に

[ultimatebreak]

これに否定的なやつよく分かってないまま文句言ってる気がする。なんか言ってることズレてる。

[kkkirikkk]

これが必要になるページ自体が使いにくそう

[kakei-akihiko]

そんな実装の面倒なUIをわざわざ作るんじゃなくて、見たいところを画面全体に映してくれないかな。

[nekosann_08]

jQuetyでチクチクスロール位置を保存しidやclass書き換えキャンセルされたら保存した値や変更点を復元するコードと作業を思い出しあああああああ

[shinagaki]

実装したことある人には大変さがわかるやつだ

[jantyran7]

汎用性はたかそう

[hayashikousun]

作るのが面倒な機能は、その機能を作る事自体が推奨されていない可能性がある。場合によるのかも知れないが、スクロールが必要な程情報量が多いモーダルなら別ページにした方が良いのでは？

[snailcat]

モーダル開いてるのに後ろがスクロールしちゃうのwebあるあるだよなー便利そう

[yurikago12]

メニューをスクロールしてると思ったら後ろのページもスクロールしてるやつ。

[daigo0117]

自前で実装してるけど、果たしてこの制御をユーザーが必要としているのかって疑問はあるよね。

[Wafer]

なんだよウッキウキでページ開いたのにロックされてねえ

[ttkazuma]

反論してるやつは反論したいだけの糞

[Shinwiki]

ブラウザができることをできなくするのは大体悪。そのときよくてもあとでひどい言われ方するので、あまりはしゃがない方が後のためだと思う。

[sabotem]

うーむと思いつつも要件に入れられることもあるだろうから覚えておく

[eos2323]

iOSを捨てよう

[tabnetwork]

スクールジャンク怖い preserve

[yoshi-na]

いちおうメモる

[fukken]

地味に面倒くさいよね、環境依存の問題を片付けるのもだるい。

[onesplat]

JavaScriptプラグインって何？

[nicht-sein]

ほへー。あとで調べてみよう

[shiromatakumi]

時代はIEクソからiOS Safariクソへと移行している。

[kvx]

↓スマホ画面と現実空間はいいの？遠近感の問題？あと下から迫り上がってくる画面半分程度覆うやつとか。

[raebchen]

背景固定でそれ以外がスクロールされるのは、感覚おかしくなって目が回ってちゃんと読めんので、やめてほしいんだ🤮