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