【CSS】「position:fixed 中央揃え 縦 横」でお困りの方へ（2017年版）

Riki Tanone

毎回忘れるので。特に注意すべきは、margin で縦方向へ auto していることですね。

.box {
  display: table;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 600px;  /* Set Width */
  margin: auto;
}
.box > div {
  display: table-cell;
}

参考：http://ithat.me/2015/07/19/position-fixed-css-centered

なおresizeのタイミングで行うとiOSでは適切に表示されない可能性があるので

$('html, body').scrollTop($(window).scrollTop()-1)

のようにスクロールされてあげる必要があります。