みかづきブログ・カスタム

基本的にはちょちょいのほいです。

2024-06-01から1ヶ月間の記事一覧

overflow: scrollを入れ子にするとSafariでスクロール不能になる場合がある 💻

CSS

DEMO 偶然発見したコンビネーションなのですが、上記iframeはSafariでスクロールできません。(17.5にて確認) Google Chrome(126.0.6478.61)、Firefox(112.0.1)では問題なくスクロールできます。 ソースコード(抜粋) #scroll { // ❶ position: relati…

MediaQueryList (window.matchMedia)を使ってJavaScriptでメディアクエリにマッチした際の処理を記述する 📝

MediaQueryListのchangeイベントを使って、CSSのメディアクエリを使って書いていた処理をJavaScriptに移植してみます。developer.mozilla.org developer.mozilla.org CSSバージョン(MediaQuery) ウィンドウ幅が375pxまでは「window.innerWidth HTML <p>window</p>…