Wie scrolle ich automatisch eine Seite nach oben, wenn .slideDown von der Unterseite des Browsers geht?

Question

Ich habe eine Tabelle, die zusätzliche Informationen für jede Zeile über eine jQuery slideDown zeigt, wenn die Zeile mouseover ist. Wenn die Maus entfernt wird, werden die Informationen mit einem SlideUp entfernt.

Dies funktioniert gut, aber wenn ich das letzte Element auf der Seite Mouseover gleitet er unter dem unteren Rand des Browserfensters nach unten. Wenn der Benutzer mit einem Mausrad oder ähnlichem nach unten scrollt, kann er die Informationen sehen, aber wenn er den Mauszeiger bewegt, um die Bildlaufleiste zu verschieben, verschwinden die Informationen.

Gibt es eine einfache Möglichkeit in jQuery sicherzustellen, dass die Seite nach unten gescrollt wird, um die Informationen zur selben Zeit anzuzeigen, als slideDown ausgeführt wird, oder muss ich eine Lösung dafür handrollen?

Answer 1

Sie könnten versuchen, wie tief die letzte Reihe geht, indem Sie seine vertikale Position (oben) und seine Höhe berechnen. Wenn dieser Wert den aktuellen Bildlauf übergibt, blättern Sie zu diesem Wert.

// Nicht

getestet

var verticalLimit = $("#lastRow").offset().top + $("#lastRow").height() ; 
var currentVerticalScroll = $(window).scrollTop(); 
if (verticalLimit > currentVerticalScroll){ 
    $("body").animate({ scrollTop: verticalLimit }, 500); 
}