java 滚动加载_滚动加载 - java-苦苦甜甜的个人空间 - OSCHINA

html代码如下：

滚动条距离底部

#parse("front/common/include.html")

$(function () {

var i = 4;

$(window).bind("scroll", function (event) {

//滚动条到网页头部的高度，兼容ie,ff,chrome

//var top = document.documentElement.scrollTop + document.body.scrollTop;

var top = $(window).scrollTop();

//网页的高度

var textheight = $(document).height();

// 网页高度-top-当前窗口高度

if (textheight - top - $(window).height() <= 0) {

if (i >= 100) {

return; //控制最大只能加载到100

}

//$('#div1').css("height", $(document).height() + 100);

i++;

//可以根据实际情况，获取动态数据加载到 div1中

$('

' + i + '

').appendTo($('#div1'));

$('

' + i + '

').appendTo($('#div1'));

$('

' + i + '

').appendTo($('#div1'));

$('

' + i + '

').appendTo($('#div1'));

$('

' + i + '

').appendTo($('#div1'));

$('

' + i + '

').appendTo($('#div1'));

$('

' + i + '

').appendTo($('#div1'));

$('

' + i + '

').appendTo($('#div1'));

}

});

})

#div1 div{ font-size:100px; background:#ccc;margin-top:5px}

$(document).height()：整个网页的高度

$(window).height()：浏览器可视窗口的高度

$(window).scrollTop()：浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)

用一句话理解就是：当网页滚动条拉到最低端时，$(document).height() == $(window).height() + $(window).scrollTop()。

当网页高度不足浏览器窗口时$(document).height()返回的是$(window).height()。

不建议使用$("html").height()、$("body").height()这样的高度。

原因：

$("body").height()：body可能会有边框，获取的高度会比$(document).height()小；

$("html").height()：在不同的浏览器上获取的高度的意义会有差异，说白了就是浏览器不兼容。

$(window).height()值有问题，返回的不是浏览器窗口的高度？

原因：网页没有加上声明。

参考原地址：

java 滚动加载_滚动加载 - java-苦苦甜甜的个人空间 - OSCHINA - 中文开源技术交流社区...相关推荐

ie对java的设置字体_关于IE6幽灵字体 - JavaSwing的个人空间 - OSCHINA - 中文开源技术交流社区...
前言:今天做项目的时候在IE6下出现了这样的一种现像,这种情况只在IE6下出现,最后在网友的帮助下这个问题最终得到了解决.所以马上作了下笔记! 情况如下图: 我在网上找了点资料出现IE6下幽灵字体的情 ...
java顺序表冒泡排序_冒泡排序就这么简单 - Java3y的个人空间 - OSCHINA - 中文开源技术交流社区...
冒泡排序就这么简单在我大一的时候自学c语言和数据结构,我当时就接触到了冒泡排序(当时使用的是C语言编写的).现在大三了,想要在暑假找到一份实习的工作,又要回顾一下数据结构与算法的知识点了. 排序对我 ...
java拆分任意五位数_五位数拆分出各位 - osc_foo7glsg的个人空间 - OSCHINA - 中文开源技术交流社区...
5.输入一个五位数,输出一个反转的五位数输入->12345 输出->54321 //这是五位数字拆分方法. System.out.println("请输入五位数的数字:&quo ...
java 全排列非递归算法_全排列的非递归算法 - osc_ivkc73ze的个人空间 - OSCHINA - 中文开源技术交流社区...
1.全排列的定义和公式: 从n个数中选取m(m<=n)个数按照一定的顺序进行排成一个列,叫作从n个元素中取m个元素的一个排列.由排列的定义,显然不同的顺序是一个不同的排列.从n个元素中取m个元素 ...
java回调函数的生命_Java的回调函数 - choaklin 的个人空间 - OSCHINA - 中文开源技术交流社区...
暂且不提回调函数的各种定义,如我本人,虽然知道JavaScript的回调的使用,但是百科了回调的定义,还是觉得云里来雾里去.所以大可先从已熟悉的入手,旁推侧引它的原理,再引出Java版的实现. 因为博 ...
java痴和堆_JAVA虚拟机理解 - 爱笑的痴迷者的个人空间 - OSCHINA - 中文开源技术交流社区...
JVM定义: JVM(Java Virtual Machine),是一种运行Java程序的软件实现,是虚拟的机器.Java程序与平台无关,它直接在虚拟机中运行. JVM运行过程: JVM将内存分划如下 ...
java如何测试定时器_如何测试定时任务 - 邓竣的个人页面 - OSCHINA - 中文开源技术交流社区...
系统一般会有一些后台定时任务,假设我们使用quartz实现定时任务,那么有两个测试功能点: 定时任务逻辑是否正确定时器cron表达式编写是否正确,触发时间点是否正确定时任务逻辑测试如果定时任务在 ...
Java位语句_卫语句 - 宿小帅的个人空间 - OSCHINA - 中文开源技术交流社区
1.使用卫语句取代嵌套表达式函数中的条件逻辑使人难以看清正常的执行途径.使用卫语句表现所有特殊情况. 动机:条件表达式通常有2种表现形式.第一:所有分支都属于正常行为.第二:条件表达式提供的答案中只 ...
Java实现数组列项相加_裂项求和法 - osc_rkun22vq的个人空间 - OSCHINA - 中文开源技术交流社区...
常用公式常用式:$\cfrac{1}{n(n+1)}=\cfrac{1}{n}-\cfrac{1}{n+1}$:推广式:$\cfrac{1}{n(n+k)}=\cfrac{1}{k}(\cfrac{ ...

java 滚动加载_滚动加载 - java-苦苦甜甜的个人空间 - OSCHINA - 中文开源技术交流社区...

java 滚动加载_滚动加载 - java-苦苦甜甜的个人空间 - OSCHINA - 中文开源技术交流社区...相关推荐

最新文章

热门文章