Ist es möglich, $ (Fenster) an einem bestimmten Element haften zu lassen und nicht zu bewegen?

Question

Ich arbeite an einer ziemlich voll-Site mit jQuery (wenn die Lösung nicht jQuery, das ist auch in Ordnung).

Die Website ist mit Abschnitten gebaut, die die Höhe des Fensters der Größe mit:

 

    $(window).resize(function() { 
    $("section").height($(window).height()) 
    }).resize() 

Dieser Teil brillant funktioniert. Ich habe das Scrollen deaktiviert, indem ich den Überlauf des Body- und HTML-Elements beseitige und der Benutzer kann durch die Website navigieren, indem er relative Links (mit localScroll) verwendet.

Mein Problem ist, dass, sobald der Benutzer zu einem Abschnitt und dann Größe des Fensters geändert hat, ist der Körper nicht mehr im Einklang mit der Oberseite des Abschnitts.

Gibt es eine Möglichkeit, das Fenster an der Spitze eines Elements zu halten, egal was passiert?

Answer 1

Beachten Sie, welcher Abschnitt aktuell ist. Wenn das Fenster in der Größe geändert wird, können Sie die Bildlaufleiste des Fensters an den Anfang dieses Abschnitts setzen. Zum Beispiel:

var currentSection = $('section:eq(0)'); 
var jqWindow = $(window).resize(function() { 
    $('section').height(jqWindow.height()); 
    jqWindow.scrollTop(currentSection.offset().top); 
});