scrollen zu einem Element in einem Div

Sie wollen ein Scrolled Div programmieren, um beim Klicken automatisch zu einem Element zu scrollen. Die Verwendung von Scrollintoview (true) scheint die gesamte Seite zu scrollen und Sie verwirrt zu machen.

Lösung:

, um dieses Problem zu beheben, müssen Sie den oberen Versatz des Zielelements zu seinem übergeordneten Aufrollungs -Div -Container bestimmen. Dies wird erreicht über:

var myElement = document.getElementById('element_within_div');
var topPos = myElement.offsetTop;

Die Toppos enthält jetzt die Pixel -Distanz zwischen dem Div des Divs und dem Element, das Sie sichtbar sind. toppos;

In Prototyp JS übersetzt dies:

document.getElementById('scrolling_div').scrollTop = topPos;

Diese Aktion scrollt das Div, um das angegebene Element oben oder so nah wie möglich auszurichten, wenn das Scrollen nicht das Erreichen der Spitze erreicht.