Javascript 滚动到扩展div的底部

我正在做一个小测试，显示足迹并随着足迹计数的增加扩展div。 我试图通过使用jquery让用户处于粉色div的底部，因此随着div的增长，他总是处于底部。 我试过这样的台词：

$(".two").scrollTop($(".two")[0].scrollHeight);

但似乎什么都不管用

我想请求一个新的眼睛，可以告诉我我做错了什么！ 非常感谢

$（文档）.ready（函数（）{
var nbFoot=0；
对于（var i=0；i<500；i++）{
setTimeout（函数（）{
nbFoot++；
var footprints=$（“”，{“类”：“footprints”}）
.css（{}）
.追加（$（“”+nbFoot+“pas
”）
.附于（“.1”）
$（“.footprints”）.prev（）.remove（）；
美元（“.2”）。高度（N英尺+00”）；
$（.two”）.scrollTop（$（.two”）[0].scrollHeight）；
}，200*i）
}
});
正文{
字体系列：无衬线；
字体大小：1.3rem；
保证金：0；
背景色：#5a6c58；
身高：100%；
}
.包装纸{
显示：网格；
网格模板列：重复（4，1fr）；
栅隙：0px；
网格自动行：最小最大值（100vh，自动）；
高度：100vh；
}
.一{
位置：固定；
高度：800px；
背景颜色：棕褐色；
}
.2，
.3，
.4{
位置：相对位置；
身高：100%；
背景色：#ffdbf5；
}
.一{
网格柱：1/2；
}
.二{
网格柱：2/4；
}
.三{
网格柱：3/4；
}
.4{
网格柱：4/4；
}
.1:：-webkit滚动条，
.2:：-webkit滚动条，
.3:：-webkit滚动条，
.4:：-webkit滚动条{
}

依林
*  
您需要窗口滚动顶部
$（'window'）。滚动顶部（$（.two”）[0]。滚动高度）它肯定会工作的

$( document ).ready(function() {
  var nbFoot = 0 ;

  for (var i = 0; i < 500; i++) { 

    setTimeout(function () {

      nbFoot++;
      var footSteps = $("<div />", {"class": "footSteps"})
      .css({})
      .append($("<p>" + nbFoot + " pas </p>"))
      .appendTo(".one")
      $(".footSteps").prev().remove();
      $(".two").height(`${nbFoot}00`);
     $(window).scrollTop($(".two")[0].scrollHeight);
      
    }, 200 * i)


      }
      
    });

$（文档）.ready（函数（）{
var nbFoot=0；
对于（var i=0；i<500；i++）{
setTimeout（函数（）{
nbFoot++；
var footprints=$（“”，{“类”：“footprints”}）
.css（{}）
.追加（$（“”+nbFoot+“pas
”）
.附于（“.1”）
$（“.footprints”）.prev（）.remove（）；
高度（`nbFoot}00`）；
$（窗口）.scrollTop（$（.two”）[0].scrollHeight）；
}，200*i）
}
});
我的坏。。。非常感谢，这些滚动条对我来说很难…@pual是的，有时候会让人困惑。。祝你好运，其余的代码：）可能会不时出现在网站上！哈哈