alter/Header.js

   1 //ヘッダー固定
   2 if (FixedHeader){
   3     Array.from(document.getElementsByTagName("header")).forEach((element) =>{
   4         element.classList.add("fixed")
   5     })
   6 }
   7
   8 // ヘッダーの高さ確保
   9 const SetHeaderSpace = () =>{
  10     const Header = document.getElementsByTagName("header")[0];
  11     const Main   = document.getElementById("main");
  12     Main.style.paddingTop = "calc(" + Header.clientHeight + "px + 1rem)";
  13 };
  14 if (FixedHeader){
  15     window.addEventListener("resize", SetHeaderSpace);
  16     window.addEventListener("load", SetHeaderSpace);
  17 }