以下の様なCSSで実現可能 古いブラウザでは試してないから動かないかも？ position: -webkit-sticky; /* Safari */ position: sticky; top: 0; z-index: 1; /* お好みで */

不意にどうするのか迷ったので書いておく 大事なとこはここですね width: 200px; left: calc(50% - 200px/2); 左から50%から要素の幅の半分を引いたところに設置 leftはあくまで左からの位置なので幅の半分をひかないと要素の左端が50%の位置になるので右に…