javascript - 別のdiv内のdivオフセット

Question

下の画像のような状況で、DIV1がoverflow-y: scrollあり、子divの1つがクラスを持っていactiveます。彼の位置も上からのオフセットもわかりません。DIV 1内の子divの位置を見つけて、アクティブなクラスを持つ子が表示されるまでスクロールするにはどうすればよいですか。

jQueryとプレーンjsのどちらを使用してもかまいません。しかし、私はjQueryが好きです。

Answer 1

.position()jQueryのメソッドを使用する必要があります。http://api.jquery.com/position/

div1このメソッドを設定した場合、 div1position: relativeの左上隅からオフセットされます。

$('.div1').get(0).scrollTop($('.div1 div.active').position().top);

トリックを行う必要があります。