数码资讯
基于jQuery实现滚动到页面底部时自动加载更多信息
关键代码: 复制代码代码如下所示: 停止=真; $(窗口)。滚动(函数(){) 总高= parseFloat($(窗口),Height())+ parseFloat($(窗口),ScrollTop())); 如果(美元。高度)(文件)(
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
关键代码:
复制代码代码如下所示:
停止=真;
$(窗口)。滚动(函数(){)
总高= parseFloat($(窗口),Height())+ parseFloat($(窗口),ScrollTop()));
如果(美元。高度)(文件)(<=总高){
如果(停止= TRUE){
停止=假;
美元。
$(#加载)之前(TXT);
停止=真的;
}文本;
}
}
});
HTML:
复制代码代码如下所示:
加载...
实现方法是比较页面的总高度和下高度,确定是否到达底部。如果到达底部,通过Ajax读取更多内容,并在加载前插入。
停止参数考虑到Ajax读取的耗时,以防止Ajax读取过程中的多个触发事件,并导致多个加载内容。
复制代码代码如下所示:
停止=真;
$(窗口)。滚动(函数(){)
总高= parseFloat($(窗口),Height())+ parseFloat($(窗口),ScrollTop()));
如果(美元。高度)(文件)(<=总高){
如果(停止= TRUE){
停止=假;
美元。
$(#加载)之前(TXT);
停止=真的;
}文本;
}
}
});
HTML:
复制代码代码如下所示:
加载...
实现方法是比较页面的总高度和下高度,确定是否到达底部。如果到达底部,通过Ajax读取更多内容,并在加载前插入。
停止参数考虑到Ajax读取的耗时,以防止Ajax读取过程中的多个触发事件,并导致多个加载内容。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。