当前位置:首页 >> 网络编程

基于javascript实现浏览器滚动条快到底部时自动加载数据

废话不多说了,直接给大家贴js代码了。

 <!DOCTYPE html>
 <html>
 <head>
   <script src="/UploadFiles/2021-04-02/jquery-...js">

ps:原生JavaScript如何触发滚动条事件"htmlcode">

<script>
window.onscroll = function(){
var scrollT = document.documentElement.scrollTop||document.body.scrollTop;
var scrollH = document.documentElement.scrollHeight||document.body.scrollHeight;
var clientH = document.documentElement.clientHeight||document.body.clientHeight
//console.log(scrollT +"+"+scrollH+"+"+clientH);
if(scrollT == scrollH - clientH){
console.log("到底部了");
}else if(scrollT == 0){
console.log("到顶部了");
}
}
</script>