Vertical align center mit jQuery

Ein altes Problem von HTML und CSS ist die mangelnde Möglichkeit ein DIV vertikal zu zentrieren ohne negative Werte oder eine Tabelle zu nutzen. Eine Lösung sah so aus, dass die zu zentrierende Box feste Abmessungen bekommt, sie absolut positioniert, von den Rändern 50% entfernt wird und um den halbierten negativen Wert der eigenen Abmessungen zurück geschoben wird. Dies führt jedoch dazu, dass wenn der Viewport zu klein wird, ein Teil der Box aus dem Viewport verschwindet. Um dies schnell und einfach zu lösen, kann einfach Javascript, bzw. in diesem Fall jQuery genutzt werden: