网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2025/6/30 浏览:3 次 )

废话不多说了,直接给大家贴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>
上一篇:轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
下一篇:轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)