javascript - 另一个 div 内的 div 偏移

Question

我的情况类似于下图中的情况，其中 DIV1 有overflow-y: scroll，其中一个子 div 有 class active。我不知道他的位置，也不知道从顶部的偏移量。如何在 DIV 1 中找到子 div 的位置并滚动到具有活动类的子可见为止。

我不介意你使用 jQuery 还是纯 js。但我更喜欢 jQuery。

Answer 1

你必须使用.position()jQuery的方法。http://api.jquery.com/position/

如果你设置div1了position: relative这个方法，你就会从 div1 的左上角偏移，所以

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

应该做的伎俩。