2023-10

Web制作

【CSS】モーダルウインドウ実装時に後ろの要素がスクロールするのを防ぐ (スクロール連鎖防止)

position: fixedで配置した要素の後ろの要素がスクロールしてしまうモーダルウインドウなどposition: fixedでスクロール可能な要素を固定して配置した場合、要素の下部の境界に到達するとブラウザは次にbody要素をスクロー...
フォーム

Google reCAPTCHA V3を導入する

PHPメールフォームの場合です。1. シークレットキー・サイトキーを発行するGooglereCAPTCHAの管理画面でドメインを指定し、 シークレットキーとサイトキーを発行します。reCAPTCHA管理画面reCAPTCHAタイプはV2かV...
Web制作

JavaScriptでスクロールを監視するならIntersection Observerが便利

Intersection ObserverとはIntersection Observerは、特定の領域を監視して、監視対象の要素がその領域に交差したかどうかを検知します。デフォルトでは、viewport(見えている範囲)とある要素が交差した...