Mam stronę, która używa stałego menu na górze strony.

Po kliknięciu łącza należy przewinąć pionowo, tak aby środek tego docelowego div był wyrównany z pionowym środkiem okna, przesuniętym o wysokość nagłówka. - Jest to bardzo ważne, aby div był wyśrodkowany bez względu na rozdzielczość monitora

Używam jQuery i scrollTo, ale nie mogę obliczyć potrzebnej do tego matematyki.

Oto moja próba:

function scrollTo(target) {
var offset;
var scrollSpeed = 600;

if (viewport()["width"] > 767 && !jQuery.browser.mobile) {
    // Offset anchor location and offset navigation bar if navigation is fixed
    offset = $(target).offset().top - document.getElementById('navigation').clientHeight;
} else {
    // Offset anchor location only since navigation bar is now static
    offset = $(target).offset().top;
}

    $('html, body').animate({scrollTop:offset}, scrollSpeed);
}