瀏覽器查看窗口中的中心div

Question

我有一個div，我想在瀏覽器視圖中垂直居中。

換句話說，如果用戶向下滾動，我希望div顯示在用戶正在查看的當前Y軸的相同中心位置。

感謝

Answer 1

在這裏你去，試試這個：

div { 
    position: fixed; 
    top: 50%; 
    height: 100px; 
    width: 200px; 
    background: red; 
    margin-top: -50px; /* half the div's height */ 
}