JoeWebサイトでポップアップなどのオーバーレイを実装し、その中でスクロールを指定するとときの問題が、わずか1行のCSSスタイルで、スマートに解決できるようになりました。積年の恨み「WEBサイトのポップアップ背景のスクロール問題」ある程度以上のWEBコーダーであれば、誰もが一度は経験したことのある(?)ポップアップのスクロール問題。ポップアップなどの内部で、スクロールを指定すると、スクロール端に達すると、裏側のBODY全体がスクロールしてしまう問題。パソコンだとそれほど気にならないですが、モバイル端末で非常にユーザ体験を損ねることがあるのです。一度ポップアップの裏側のBODYが慣性スクロールを始めてしまうと、タッチからのイベント裏側にバインドされてしまい、慣性が完全に停止するまで、一切表側のポップアップを操作できなくなります・・。挙動が異なるなど、スマートな解決に至ることができない問題でした。問題の解決を試みる参考ページ:https://coliss.com/articles/build-websites/operation/javascript/prevent-page-scrolling-when-a-modal-is-open.htmlhttp://nekohand.tokyo/background-fixed/たったこれだけのことなのに、こんなにごちゃごちゃ書きたくないわけです。筆者は、長い間(勝手に)恨みをつのらせていました。スクロールチェーンを制御する「oversroll-behavior」これ一つで解決するようになりそうです。(スクロールチェーン)」というそうです。最新バージョンですでに対応済みです。https://developer.mozilla.org/ja/docs/Web/CSS/overscroll-behaviorGoogleのDeveloperサイトに、利用事例が解説してあります。リモートブランチの最新に合わせようとしたら・・、あれ?コンフリクト・・?なにこれ、うまくいかない12021-05-11Git正規表現:数字の表現。桁数や範囲など正規表現での、数字に桁数に関する方法に関してです。これを応用して、数字の大きさの範囲を指定します。正規表現にいて、複数のパターンのうち「いずれか、または」を意味する「OR」を表現する方法についてです。正規表現の基本、行頭(行の先頭)と行末(行の末尾)を表す表現です。取り消し方法や、やり直し操作に関する方法をまとめました。どんなコミッ12018-07-15GitCSSに関連する記事CSSで上下・左右に中央寄せする方法、全部まとめHTMLとCSSで、テキストや画像を縦方向(上下方向)に中央寄せ(センタリング)したい事があります。この課題は簡単そう12019-05-29CSSチェックボックス(ラジオボタン)を縦に中央揃えするHTMLとCSSHTMLとCSSで、チェックボックスやラジオボタンなどのINPUT要素を実装すると、いつもずれてしまいます。placeholderの色を変更する方法についてです。2020-04-19CSSCSSで「+(プラス)」というセレクタの意味は何?CSSでたまに見かける「+(プラス)」というセレクタ。2017-05-07CSSCSSで、マウスカーソルを指マークに変更する方法CSSで、マウスカーソルを指マークに変更する方法です。fixedを使った絶対配置、徹底まとめ。fixedを使った絶対配置、徹底まとめ。強制し、リモートでローカルを上書きする方法2021-05-11正規表現:数字の表現。コマンドの履歴を削除する方法2021-12-19「WWWクリエイターズ」は、より多くの人が開発とウェブを楽しむための目指したウェブサイトです。コマンドラインやgitなど、開発ビギナーのつまづきやすい部分を共有しています。})(jQuery);閉じる。