資格スワイプ
エキスパート:実技問題(HTML作成、CSS読込と作成、画像の表示、JavaScriptの読込、レスポンシブWebデザイン対応)

CSSのposition: fixedとposition: stickyの違いに関する説明として最も適切なものはどれか。

  • ✓fixedは常にビューポートに対して固定された位置に表示されるが、stickyは指定した閾値に達するまでは通常のフロー内に配置され、その後は固定表示に切り替わる
  • Bfixedはスクロールに追従して常に移動するが、stickyはスクロールしても一切位置が変わらない
  • Cfixedとstickyはどちらも親要素に対して常に固定表示される点で共通している
  • DstickyはIEを含むすべてのブラウザで標準的にサポートされているが、fixedは一部のブラウザでしか動作しない

解説

fixedはスクロール量に関わらず常にビューポート基準の固定位置に表示される。stickyは通常のフロー内に配置されつつ、指定した閾値(top等)にスクロールが達した時点で固定表示に切り替わる点が異なる。

根拠出題範囲:実技問題「CSSの読込と作成」「レスポンシブWebデザイン対応」

← 前の問題次の問題 →
スワイプでまとめて流す