博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery实现滚动时动态加载页面内容
阅读量:7071 次
发布时间:2019-06-28

本文共 695 字,大约阅读时间需要 2 分钟。

原文:http://www.open-open.com/code/view/1446693988935

 

有些网站的网页内容不是一次性加载完毕的,而是在鼠标向下滚动时动态加载的,这是怎么做到的呢?看下面代码:

var loading = false;$(window).scroll(function(){ if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){      if(loading == false){           loading = true;           $('#loadingbar').css("display","block");           $.get("load.php?start="+$('#loaded_max').val(), function(loaded){                $('body').append(loaded);                $('#loaded_max').val(parseInt($('#loaded_max').val())+50);                $('#loadingbar').css("display","none");                loading = false;           });      } }});$(document).ready(function() { $('#loaded_max').val(50);});

转载地址:http://zdhll.baihongyu.com/

你可能感兴趣的文章
PHP-day01
查看>>
HTML5两个打包工具
查看>>
spring cloud-前端跨域问题的解决方案
查看>>
BOM 和 JavaScript 中的 trim
查看>>
Flask 学习 四 数据库
查看>>
帧布局和表格布局
查看>>
Android录制音频的三种方式
查看>>
《算法导论》读书笔记--第二章 2.2 分析算法
查看>>
JVM垃圾回收机制
查看>>
scala(13)-----集合(Collection)-------Map(映射)
查看>>
Neo4j CQL - (6)-关系基础
查看>>
Java匹马行天下之JavaSE核心技术——面向对象
查看>>
【Java例题】1.1计算n的阶乘
查看>>
android websocket推送
查看>>
java实验-3
查看>>
C文件操作进阶
查看>>
java的一些程序
查看>>
开通博客园
查看>>
计算beta分布并画图(1)
查看>>
JS加强学习-BOM学习03
查看>>