Javascript 在scroll js上执行函数

请告诉我，当文档

滚动

与

#页脚

元素的位置相等时，如何执行该功能

$（文档）.on（'scroll'，function（）{
var s=$（this.scrollTop（）；
var scroll_footer=$（'#footer'）.position（）.top；
$（“#控制台”）。文本（s+”+滚动页脚）；
如果（s>=滚动页脚）{
控制台日志（“加载”）；
}
});
#块{
背景：红色；
宽度：250px；
}
#儿童公寓{
填充顶部：100px；
显示器：flex；
柔性包装：包装；
证明内容：中心；
}
.孩子{
宽度：100px；
高度：100px；
背景：蓝色；
利润率：15px 10px 10px；
15px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：#fff；
}
#页脚{
宽度：100%；
高度：10px；
背景：灰色；
}
#控制台{
位置：固定；
左：300px；
顶部：10px；
}

1.
2.
3.
4.
5.
6.
7.
8.
我在JS中添加了一个
pageHeight
变量，因此您现在正在计算窗口高度（以像素为单位）加上客户端的滚动量。当这两个值>=
滚动\u footer
时，可以执行函数

    $(document).on('scroll', function() {
  var s = $(this).scrollTop();
  var pageHeight = window.innerHeight
  var scroll_footer = $('#footer').position().top;
  $("#console").text((s+pageHeight) + " " + scroll_footer);
  if (s+pageHeight >= scroll_footer) {
    console.log("load");
  }
});

这是一个工作代码笔：
使用