不能平滑滾動，而中心一個div垂直

Question

我有，我都集中在縱向和橫向一個div：

#mydiv { 
    width:960px; 
    height:400px; 
    position:fixed; 
    margin-left:-480px; 
    margin-top:-200px; 
    top:50%; 
    left:50%; 
} 

當我使用Smoothscroll.js庫將無法正常工作。如果我刪除了「position：fixed/position：absolute」，那麼我的div就不再居中了。它是否可以實現平滑滾動和居中？

Answer 1

我自己找到了解決這個問題的辦法。我在屏幕頂部製作了一個假的（不可見的）div，它在屏幕尺寸後改變了高度。然後我把我的可見（#mydiv）放在那裏，沒有任何css定位。

#mydivfake { 
    width:1000px; 
    height: calc(50vh - 310px); /*310px is half of the height of my visible centered div*/ 
    margin-left:-500px; 
    left:50%; 
}