Javascript 如何在向下滚动后使用相同的类逐个删除元素？

我有一列15个正方形，有一个“盒子”类

我希望在向下滚动后，将它们一个接一个地从身体上移除

我试过了，但什么也没发生：

$(window).scroll(function() {

    if ($('.box:first').offset().top + $('.box:first').height() < $(window).scrollTop()) {

       $(this).remove(); 
       };
})

$（窗口）。滚动（函数（）{
if（$（'.box:first'）.offset（）.top+$（'.box:first'）.height（）<$（window.scrollTop（））{
$（this.remove（）；
};
})

有什么建议吗

$（此）

指的是您拥有的窗口对象。更具体地说：

if ( $('.box:first').offset().top 
  + $('.box:first').height() <  $(window).scrollTop() ) {
    $('.box:first').remove();
}

if（$（'.box:first'）.offset（）.top
+$（'.box:first'）.height（）<$（window.scrollTop（））{
$（'.box:first'）.remove（）；
}

将

$（此）

替换为

$”。框：第一个“）。删除（）。因为
$（此）
引用的是窗口滚动对象，而不是box元素

您可以使用
first（）

$（窗口）。滚动（函数（）{
if（$（'.box'）.first（）.offset（）.top+$（'.box'）.first（）.height（）<$（window.scrollTop（））{
$（'.box'）.first（）.remove（）；
};
})

并参考当前的第一个框类，而不是代码中的窗口

$（此）
在
$（此）.remove（）中引用的是窗口对象，而不是任何div。看起来我需要更多文档。谢谢你纠正我：）它很有魅力，谢谢你给我的时间。下次我会更加小心的。谢谢：）
$(window).scroll(function() {

    if ($('.box').first().offset().top + $('.box').first().height() < $(window).scrollTop()) {

       $('.box').first().remove(); 
       };
})