JavaScriptでCSSのカスタムプロパティを扱ってみる | TipLib（ティップリブ）
// ヘッダーの高さを取得する const headerElement = document.getElementById("header"); const headerHeight = headerElement?.offsetHeight ?? 0; // ヘッダーの高さをカスタムプロパティにセットする document.documentElement.style.setProperty("--headerHeight", `${headerHeight}px`); #headerが存在しない場合にoffsetHeightがエラーになるので、オプショナルチェーン（?.）で繋ぎます。 その時にheaderElementがundefinedになるので、Null合体演算子（??）で0を代入します。 特定の要素にカスタムプロパティを設定する
【JS】IntersectionObserverで複数を監視 | JavaScriptに関するお知らせ
こんにちは！JavaScriptのnewの意味が4年経ってもあんま分からないMizutani(@sirycity)です。オブジェクト指向に触れ合う機会がなかったの… 今日はIntersectionObserverで複数を監視する方法についてです。あとついでに簡単な書き方も紹介する。 結論 短く書いたバージョン なるべく短く書くとこんな感じ。 window.addEventListener('DOMContentLoaded', () => ['foo', 'bar', 'baz'].map((id, i) => new IntersectionObserver(([e]) => e.isIntersecting ? console.info(`${i}番目のやつが画面に入りました`) : console.info(`${i}番目のやつが画面から出ました`), ).observe(docum
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
