jQuery：用动画滚动到元素顶部？

Question

点击元素后，我尝试使用动画滚动到元素的顶部。

但是，我似乎无法做到这一点。

这是我的代码的小提琴：

https://jsfiddle.net/3dqzsu2m/1/

这是我的代码：

$('.newins').on('focus', function() {
var off = $(this).offset().top;

    $('.scroll').animate({ scrollTop: off }, 2000);

});

有人可以让我知道我做错了吗？

Answer 1

＆＃34; .scroll＆＃34; DIV。带滚动的父元素是＆＃34; body＆＃34;。

看看这段代码。

https://jsfiddle.net/3dqzsu2m/2/

如果你想使用＆＃34; .scroll＆＃34; div，你必须为它添加高度。

.scroll{
  height: 400px;
  overflow: auto;
}

https://jsfiddle.net/3dqzsu2m/4/