Centrum wyrównać pojemnik schematu flexbox chyba zawartość przelewa rzutnię

Question

pionowo i poziomo wyśrodkować div ze schematu flexbox po prostu stosować te zasady, aby to rodzic

display: flex; 
align-items: center; 
justify-content: center; 

więc, że zostanie wyświetlona tak:

Jednak gdy w oknie roboczym jest więcej treści, to w oknie roboczym jest wysokość, powoduje to przepełnienie zawartości strony internetowej, więc nie jest widoczne i niemożliwe jest przewinięcie w górę, np .: jsfiddle.net/xk1z6wpa/2

muszę div aby nie przepełnić stronę od góry, a zatrzymał się przed osiągnięciem go więc tylko przepełnione od oddolne tak:

Jak mogę osiągnąć to?

Answer 1

Myślę, że jedynym rozwiązaniem jest throw a little JS w.

$(".content").css({ 
    'margin-top': Math.max($(".content").height() - $(window).height(), 0) 
}) 

To popycha zawartości na górze strony, chyba że byłoby to doprowadzić do ujemnego marginesu, w którym to momencie wyrażenie 0.