Может не гладкой прокрутки, а центрирования DIV вертикально

Question

У меня есть DIV, что я центрированный как по вертикали, так и по горизонтали:

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

Когда я использую библиотеку Smoothscroll.js это не будет работать. Если я удалю «позицию: 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%; 
}