当用户向下滚动和向上滚动时，JAVASCRIPT执行函数

此功能从数据库加载数据，当用户向下滚动页面和向上滚动页面时如何执行

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>

   <script type="text/javascript">
        $(document).ready(function(){

            //var to auto-increment 
                var flag = 0;

                $.ajax({
                    type: "GET",
                    url: "db_load.php",
                    data:{
                        'offset': 0,
                        'limit': 3
                    },
                    success: function(data){
                        $('body').append(data);
                        flag += 3;
                    }
                });
                    }); //end document.ready function
                   </script>

$（文档）.ready（函数（）{
//自增值
var标志=0；
$.ajax({
键入：“获取”，
url:“db_load.php”，
数据：{
“偏移量”：0，
“限制”：3
},
成功：功能（数据）{
$（'body'）。追加（数据）；
flag+=3；
}
});
}); //end document.ready函数

---

我需要一种简单的方法来检测用户何时向下滚动和向上滚动，然后调用上面的函数

您可以将eventListener设置为处理每个滚动的窗口。这样，您可以确定滚动条何时位于整个文档的顶部或底部

请看一个例子：

let limitBottom=document.documentElement.offsetHeight-window.innerHeight；
addEventListener（“滚动”，函数（）{
if（document.documentElement.scrollTop==0）{
log（“窗口滚动在顶部”）
}
if（document.documentElement.scrollTop==limitBottom）{
log（“窗口滚动在底部”）
}
})

正文{
保证金：0；
填充：0；
}
.x{
背景：黑色；
宽度：100%；
高度：200vh；
颜色：白色；
}

---

在这里滚动

是，

$（窗口）。在（“滚动”上，函数（）{/*您的代码*/}）

应该可以工作，因为eventListener是唯一可以定义jQuery用法的东西。但这是我的用武之地，所以无论如何我需要eventListener，对吗？因为我的代码有jquery部分，所以它也应该按照您没有的方式工作？它将是js内部的jquery？它是否也可以正常工作？这是真的，jQuery与否，您将需要eventListener来处理此类操作。