滚动负载数据的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程序设计有所帮助。

tag:数据方法负载电脑软件jquery

相关内容