javascript - jQuery:滚动到有溢出的div的顶部:滚动；

Question

Codepen Link

我需要滚动到具有固定 height 和 overflow: scroll; 的 div 的顶部。

JavaScript

$('button').click(function() {
  var $target = $('aside div:first-child');
  var scrTop = Math.abs($target.offset().top);
  $('html, body').animate({
      scrollTop: scrTop
    }, 400);
  console.log($target.offset().top)
});

问题是 console.log() 返回 offset.top 方法的负整数，这在正常情况下不应该发生。

我尝试了不同的方法，但找不到方法。

这可能吗？

重现步骤:

1. 滚动到内部有绿色 div 的粉色 div 底部。
2. 点击按钮
3. 打开 Dev Tools 并查看 console.log(); 返回的内容
4. 并且不会滚动到绿色 div 的顶部。

有什么想法吗？

Answer 1

只是一个想法，

$parentDiv.scrollTop($parentDiv.scrollTop() + $innerListItem.position().top);