页面滚动自动加载数据脚本
-
- $(document).ready(function(){
- var range = 50; //距下边界长度/单位px
- var elemt = 500; //插入元素高度/单位px
- var maxnum = 20; //设置加载最多次数
- var num = 1;
- var totalheight = 0;
- var main = $("#content"); //主体元素
- $(window).scroll(function(){
- var srollPos = $(window).scrollTop(); //滚动条距顶部距离(页面超出窗口的高度)
- //console.log("滚动条到顶部的垂直高度: "+$(document).scrollTop());
- //console.log("页面的文档高度 :"+$(document).height());
- //console.log('浏览器的高度:'+$(window).height());
- totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
- if(($(document).height()-range) <= totalheight&& num != maxnum) {
- main.append("hello world"+srollPos+"---"+num+"");
- num++;
- }
- });
- });
- this is a scroll test;
页面下拉自动加载内容hello world test DIV -
推荐阅读
- python学习之|python学习之 实现QQ自动发送消息
- 使用composer自动加载类文件
- 人脸识别|【人脸识别系列】| 实现自动化妆
- 分享!如何分分钟实现微信扫二维码调用外部浏览器打开指定页面的功能
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- iOS|iOS runtime应用整理
- win7删除新建不自动刷新
- 浅析(成人情趣用品智能无人自动售货机是新零售的下一个风口吗())
- Java代码辅助效率工具Lombok(注解|Java代码辅助效率工具Lombok(注解,自动生成代码)
- 8、Flask构建弹幕微电影网站-搭建后台页面-密码修改、主页控制面板