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

网络编程 2024/11/20 佚名

3 2 1

无为清净楼资源网 Design By www.qnjia.com

废话不多说了，直接给大家贴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>

滚动条到底部自动加载,javascript滚动条