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程序设计有所帮助。
-
本文向大家介绍Android实现滑动加载数据的方法，包括了Android实现滑动加载数据的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android实现滑动加载数据的方法。分享给大家供大家参考。具体实现方法如下： EndLessActivity.java如下： listview下部是按钮控制： 希望本文所述对大家的Android程序设计有所帮助。
-
本文向大家介绍JS简单实现数组去重的方法示例，包括了JS简单实现数组去重的方法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS简单实现数组去重的方法。分享给大家供大家参考，具体如下： 运行效果图如下： 出现的问题，新数组中值和index值对应。有局限性。虽然可以从小到大排列。 PS：这里再为大家提供几款去重复工具供大家参考使用： 在线去除重复项工具： http://tools.jb
-
本文向大家介绍JS二叉树的简单实现方法示例，包括了JS二叉树的简单实现方法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS二叉树的简单实现方法。分享给大家供大家参考，具体如下： 今天学习了一下 二叉树的实现，在此记录一下 简单的二叉树实现，并且实现升序和降序排序输出 更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数据结构与算法技巧总结》、《J
-
本文向大家介绍原生JS简单实现ajax的方法示例，包括了原生JS简单实现ajax的方法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了原生JS简单实现ajax的方法。分享给大家供大家参考，具体如下： HTML部分： 这里有个input按钮，点击会触发click事件，click事件调用Ajax()方法。 JS部分： Ajax大约分四步，创建Ajax对象，用open()方法偷偷的跑到服务器
-
本文向大家介绍jQuery简单实现上下,左右滑动的方法，包括了jQuery简单实现上下,左右滑动的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery简单实现上下,左右滑动的方法。分享给大家供大家参考，具体如下： 渐变移动出足够的空白 -> 淡出最后一个 ->渐变移动出足够的空白 我们要做的是向左移动效果.这个效果用时需添加一个DIV设置超出部分不显示,这样就可以用了. 闲话不
-
本文向大家介绍js重写方法的简单实现，包括了js重写方法的简单实现的使用技巧和注意事项，需要的朋友参考一下 如下所示： 上面的内容来自《javascript语言精粹》，真的很不错。 以上这篇js重写方法的简单实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。