基于jQuery实现滚动到页面底部时自动加载更多信息

基于jQuery实现滚动到页面底部时自动加载更多信息
关键代码:

复制代码代码如下所示:
停止=真;
$(窗口)。滚动(函数(){)
总高= parseFloat($(窗口),Height())+ parseFloat($(窗口),ScrollTop()));
如果(美元。高度)(文件)(<=总高){
如果(停止= TRUE){
停止=假;
美元。
$(#加载)之前(TXT);
停止=真的;
}文本
}
}
});
HTML:

复制代码代码如下所示:
加载...
实现方法是比较页面的总高度和下高度,确定是否到达底部。如果到达底部,通过Ajax读取更多内容,并在加载前插入。
停止参数考虑到Ajax读取的耗时,以防止Ajax读取过程中的多个触发事件,并导致多个加载内容。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部