in ,

🧑🏻‍💻TechAcademy|HTMLでスクロールバーを表示・非表示する方法を現役エンジニアが解説【初心者向け】

HTMLでスクロールバーを表示・非表示する方法を現役エンジニアが解説【初心者向け】

HTMLでスクロールバーを表示・非表示する方法について、テックアカデミーのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。

 

目次

  • スクロールバーの表示/非表示を制御する「overflow」とは
  • スクロールバーの表示/非表示を切り替える方法
  • 実際に試してみよう
  • まとめ

 

 

スクロールバーの表示/非表示を制御する「overflow」とは

overflowとは、HTMLタグの領域(ボックス)の範囲内に収まりきらない文字や画像などの情報がある場合の、表示方法を決めるプロパティです。

収まりきらず、ほかのタグと互いに影響し合う領域を「ブロック整形コンテキスト」と呼び、 div タグなどがそれに該当します。

ブロック整形コンテキストの詳細については、以下を参考にしてください。

MDN…

→「TechAcademyマガジン」で続きを詳しく見る