Wie zu sehen, wenn ein Element in Offscreen

Question

Ich habe eine Liste von divs, und jedes Mal, wenn ich zum nächsten Div gehen möchte, drücke ich eine Taste. Ich muss überprüfen, ob diese div ist außerhalb des Bildschirms, und wenn ja, muss ich den Bildschirm verschieben, um diese div entweder Anker oder eine andere Methode zu zeigen.

Was ist meine beste Option dafür?

Nur um zu sehen, bedeutet offscreen in meinem Fall etwas, das man im Moment nicht sehen kann, ohne runterscrollen zu müssen. Wenn Sie sich also oben auf der Startseite von StackOverflow befinden, befindet sich die letzte Frage auf der gesamten Seite außerhalb des Bildschirms.

Answer 1

Die beste Option besteht darin, Ihre Seite zu dem Element zu scrollen, indem Sie den Y-Offset erhalten, die Fensterhöhe überprüfen und berechnen, wo die Seite gescrollt werden soll. Anschließend können Sie Ihre Seite an diesen Punkt animieren.

//height of your div 
var scroll = 250; 
//animate from actual position to 250 px lower in 200 miliseconds 
$(window).animate({"scrollTop": "+="+scroll+"px"}, 200); 

so ist dies nicht der vollständige Code, aber es könnte Ihnen die Idee geben.

Check-out jquery scrollTop

hoffe, es hilft, Sinan.