当前位置:首页 > 日记 > 正文

JS简单实现滑动加载数据的方法示例

JS简单实现滑动加载数据的方法示例

本文实例讲述了JS简单实现滑动加载数据的方法。分享给大家供大家参考,具体如下:

//滑动function getScrollTop(){ var scrollTop = 0; if (document.documentElement && document.documentElement.scrollTop) {   scrollTop = document.documentElement.scrollTop;  }else if (document.body) {  scrollTop = document.body.scrollTop;  }  return scrollTop;}//获取当前可视范围的高度function getClientHeight(){ var clientHeight = 0; if (document.body.clientHeight && document.documentElement.clientHeight) {   clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight); }else {   clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight); }   return clientHeight;}//获取文档完整的高度function getScrollHeight(){   return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);}//绑定事件window.onscroll = function (){ if (getScrollTop() + getClientHeight() == getScrollHeight()) {  //dosomething }}

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

excel表格加框线的方法excel表格怎

excel表格加框线的方法excel表格怎

方法,表格,电脑软件,excel,strong,  Excel中经常需要使用到添加表格框线的功能,框线具体该如何添加呢?下面是由小编分享的excel表格加框线的方法,以供大家阅读和学习。excel表格加框线的方法表格添加框线步骤1:双击打开Excel2007,这里为了更…

asp使用Weekday函数计算项目的结束

asp使用Weekday函数计算项目的结束

项目,函数,计算,结束时间,电脑软件,今天看到一个帖子求项目完成的时间,需求是这样的:给你一个项目的开始时间,给你项目总需求的天数,求项目的项目结束时间?注意:周六周日为休息日。在asp编程开发中,计算时间很容易,直接用项目开始时间+天数,即可得到…

ASP.NET简单获取服务端和客户端计

ASP.NET简单获取服务端和客户端计

客户端,方法,服务端,名称,简单,本文实例讲述了ASP.NET简单获取服务端和客户端计算机名称的方法。分享给大家供大家参考,具体如下://获取服务端计算机名称string serverPCName = System.Net.Dns.GetHostName();//获取客户端计算机名称System.N…

获取当前按钮或者html的ID名称实例

获取当前按钮或者html的ID名称实例

推荐,实例,按钮,名称,电脑软件,今天做的上传图片,点击图片删除。随机给图片id,获取图片id,然后删除图片。由于图片id是随机的,用点击img或者点击class,获取id都不行,最后用onclick事件获取。js代码如下:$("#pic").append("<img style='width:7…

微信小程序 上传实例详解

微信小程序 上传实例详解

上传,详解,实例,程序,电脑软件,一.了解wx.chooseImage(OBJECT)二.代码编程在pages文件里面创建uploadimg文件夹1.编写页面结构:uploadimg.wxml<view class="container" style="padding:1rem;"> <button type="primary"bindtap="ch…

React学习笔记之事件处理(二)

React学习笔记之事件处理(二)

事件处理,学习笔记,电脑软件,React,之前已经给大家介绍了React中的条件渲染(传送门),本文将给大家关于React中事件处理的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:React的事件处理和DOM的事件处理是很相似的,只是有一些语法上的…

PS鼠绘带一枚带玻璃罩的消防栓开关

PS鼠绘带一枚带玻璃罩的消防栓开关

图标,玻璃罩,消防栓,一枚,电脑软件,本教程教的ps鼠绘学习者们使用PS鼠绘带玻璃罩的消防栓开关图标,其实教程的重点在玻璃质感的刻画上。图标部分,有很多类似的教程,相信大家都已经学习过了,好了,不多说,看效果!12 阅读全文教程结束,以上就是PS鼠绘…

浅谈原生JS中的延迟脚本和异步脚本

浅谈原生JS中的延迟脚本和异步脚本

脚本,原生,延迟,异步,浅谈,一、延迟脚本 deferHTML4.0中为<script> 标签添加了个defer属性。属性的用途是表民脚本在执行时不会影响页面的构造。脚本会被延迟到页面加载完毕的时候,执行。也就是当浏览器解析到</html> 标签后才会执行代码。…

Photoshop简单制作漂亮的鲜花文字

Photoshop简单制作漂亮的鲜花文字

文字,漂亮,简单,电脑软件,Photoshop, 这是一篇学习photoshop 的入门文章,PS字体设计实例教程,如何制作鲜花文字,来看看吧!步骤: 打开PS软件,点击文件新建,在弹出的对话框中设置名称:BaiDu。宽度和高度分别为600像素和300像素。 点击文字…

JQuery判断正整数整理小结

JQuery判断正整数整理小结

正整数,电脑软件,JQuery,var totalPage = document.getElementById("totalPage").value.trim();//获取总页 var reg=/^[1-9]\d*$/; //由 1-9开头 的正则表达式 //先判断是否为整数 在判断 是否在 1-总页 整数范围之内 if(reg.test(searc…

Word怎么在方框里打勾Word在方框里

Word怎么在方框里打勾Word在方框里

方法,调整,步骤,方框,宽度,  在word编辑文档的时候,我们需要一些特殊符号输入,如框框中打勾这个是比较经常用到的。这种符号怎么在Word中输入,其实有很多种快速实现的方法。下面小编就为大家来介绍一下:Word在方框里打勾的方法Word在方框里打…

Javascript ES6中数据类型Symbol的

Javascript ES6中数据类型Symbol的

数据类型,详解,电脑软件,Javascript,Symbol,介绍Symbol 是一种特殊的、不可变的数据类型,可以作为对象属性的标识符使用,表示独一无二的值。Symbol 对象是一个 symbol primitive data type 的隐式对象包装器。它是JavaScript语言的第七种数据…