当前位置:首页 > 日记 > 正文

滚动负载数据的jQuery方法

滚动负载数据的jQuery方法
本文演示了jQuery滚动加载数据的方法,供大家参考,具体分析如下:

当我们浏览某个网页浏览器时,当页面底部滚动滚动条时,页面会自动加载更多内容供用户浏览。

代码如下:

复制代码代码如下所示:

$(文档)Ready(函数(){)

var范围= 50;单位长度边界长度

VaR的元素= 500; / / /单位像素插入元素的高度

无功maxnum = 20; / /最大数量设置加载

var = 1;

无功总高= 0;

VaR主要=美元(#内容); / /的主要元素

$(窗口)。滚动(函数(){)

无功srollpos = $(窗口)(。scrollTop); / /滚动的距离(距离从上页从窗户的高度)

/ / console.log(滚动到顶部的垂直高度:+ $(document)(。scrollTop));

/ / console.log(页面文件:+ $(document)(的高度));

/ / console.log('browser高度:+ $(窗口)(的高度));

总高= parseFloat($(窗口),Height())+ parseFloat(srollpos);

(如果(美元。高度)(文件)(范围)的总高度≤Num!= maxnum){

main.append(Hello World+ srollpos +-+数字+ );

数字+;

}

});

});

这是一个滚动测试;页面下拉式自动加载内容

你好,世界测试区

希望本文能对大家的jQuery程序设计有所帮助。

相关文章

正则表达式描述正则表达式是什么。

正则表达式描述正则表达式是什么。

正则表达式,描述,电脑软件,正则表达式概述 正则表达式有一个广泛的编程语言中的应用,特别是用于处理字符串。如匹配字符串,查找字符串,替换字符串,等等。可以说,正则表达式是一种文本或一个公式,它是用来描述一个公式来匹配一个特定的模式的字符…

PS构成一个唯美的圣诞商务鞋海报

PS构成一个唯美的圣诞商务鞋海报

圣诞,唯美,海报,电脑软件,PS,本教程是圣诞节海报给电商朋友们使用的PS图片的合成美感,教程合成出来的效果真的很漂亮,教程也不是很难,新手可以借鉴的思路和方法,很好,大家一起学习。 这个PS制作了美丽的圣诞节商业海报教程,教朋友用PS图片合成一…

PS绘制一个帅气的动漫卡通人物教程

PS绘制一个帅气的动漫卡通人物教程

绘制,教程,动漫,帅气,卡通人物,本教程是介绍一个朋友到PS,画出帅气的漫画人物和动画方法。教程制作的卡通人物非常好,但是教程不是很详细,所以我建议你一起来学习。 本教程是介绍PS绘制一个帅气的卡通人物性格的方法,教程很不错,建议喜欢的朋友…

PS让人的头脑变了

PS让人的头脑变了

让人,头脑,电脑软件,PS,通过头部移植接触PS图象处理软件的朋友在网上交换利益的许多人物方法搞笑图片也屡见不鲜。下面的小编辑将PS人们改变头像教程,希望能帮助你。 下一个是介绍如何使用ps来转换人物角色。非常适合初学者学习。 方法/步…

使用模板生成HTML使用详细的解决方

使用模板生成HTML使用详细的解决方

框架,解决方案,模板,详细,电脑软件,动态请求更新页面的数据现在是一种非常常见的方法,如博客评论分页、动态加载、微博客的滚动负载和定时请求加载。 在这些情况下,动态请求返回的数据通常不是HTML、JSON或XML。简言之,数据在浏览器端并不拼…

Corel敲除的例子:如何引导抠图抠图

Corel敲除的例子:如何引导抠图抠图

抠图,对象,例子,电脑软件,Corel,本教程Corel敲除的实例是阴影抠图方法指导,如何也要拉的对象,本教程很简单,对于新手来说是值得学习的,我希望你喜欢推荐。 第三课是对象阴影课,介绍如何在拾取物体时同时拾取物体的阴影。 *如何隐藏选举路线; *…

介绍不同排版方法和技巧的(全面)

介绍不同排版方法和技巧的(全面)

方法,技巧,电脑软件,本教程是向朋友介绍不同排版方法和技巧的图片,通过本教程,希望大家能掌握排版的要点。 本教程是向朋友们介绍不同排版方法和技巧的图片,通过本教程,希望大家能掌握排版的要点。教程很实用,初学者不能错过。推荐一下,希望大家…

CDR制作精美圣诞卡

CDR制作精美圣诞卡

精美,圣诞卡,电脑软件,CDR,本教程是一个简短的介绍一个朋友谁使用CDR制作美丽的圣诞卡。教程制作的卡片非常漂亮。该方法非常简单,适合初学者。 本教程将向您介绍制作美丽圣诞卡的CDR。教程制作的卡片很漂亮。本教程很基础,适合初学者学习。…

ps如何创建一个图层副本和一个隐藏

ps如何创建一个图层副本和一个隐藏

副本,图层,方法,创建一个,电脑软件,本文介绍了ps如何建立一个层拷贝和一个小秘密,很少有人知道ps层的副本。 本文介绍了ps如何建立一个层拷贝和一个小秘密,很少有人知道ps层的副本。 首先,ps建立了图层副本的含义。 一个成员问ps如何创建该…

背景中得到zTree选中节点的方法

背景中得到zTree选中节点的方法

方法,节点,景中,电脑软件,zTree,本文介绍了在后台获取zTree选定节点的方法,分享给你参考。具体实现的方法如下: 函数计数(){ VaR zTree =美元。fn.ztree.getztreeobj(classpurview ); checkcount = ztree.getcheckednodes(真的); 无功classpurview =…

两阵与array_merge相结合的方法()函

两阵与array_merge相结合的方法()函

方法,函数,电脑软件,array_merge,PHP,本文说明了PHP结合两个数组与array_merge()函数。分享给你供你参考。具体分析如下: PHP合并两个阵列的array_merge()函数。array_merge()是一个PHP函数,用于合并两个或两个以上阵列。后一个数组将追加到前面的…

js实现自定义的右键行为。

js实现自定义的右键行为。

右键,自定义,电脑软件,js,自定义鼠标通过事件对象的右键行为(x,y) 演示 html { 身高:100%; } 体{ 身高:100%; } # mydiv { 宽度:300px; 身高:300px; 背景颜色:# ff7400; } # ctxmenu { 背景颜色:# ff7400; 列表样式类型:无; 位置:绝对; 填料:0px; 边境:1px soli…