1.window.onscroll=function()
{
//alert(document.body.clientHeight +" " + document.documentElement.clientHeight +"\n"+document.documentElement.scrollTop +" "+document.body.scrollTop);
if(Math.abs(document.body.clientHeight - document.documentElement.clientHeight) <= (document.documentElement.scrollTop || document.body.scrollTop)){
alert("滚到底部");
}
}
?
2.
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
>
???
<
title
></
title
>
???
<
script
src
="../demo/jquery-1.3.2.min.js"
type
="text/javascript"
></
script
>
</
head
>
<
body
style
="height:2800px;"
>
*DIV开始固定在一个位置,当下拉条下拉的高度超过这个DIV 1px的时候,这个DIV变浮动*
<
div
id
="top"
style
="position:fixed; top:50px; left:50px;"
>
???
</
div
>
<
div
id
="pan"
style
="width:160px; height:300px; border:dashed 1px black; position:absolute; right:0px; top:300px;"
>
???
</
div
>
<
script
type
="text/javascript"
>
??? $(document).ready(
function
() {
??????? window.onscroll
=
function
() {
???????????
var
t
=
$(document).scrollTop();
??????????? document.getElementById(
"
top
"
).innerHTML
=
t;
???????????
if
(t
>
301
) {
???????????????
//
当滚动条下拉到一定位置(301)时,怎么怎么地。。。。???????????????
??????????????? $(
"
#pan
"
).css({
"
position
"
:
"
fixed
"
,
"
top
"
:
"
0
"
});
??????????? }
???????????
else
{
??????????????? $(
"
#pan
"
).css({
"
position
"
:
"
absolute
"
,
"
top
"
:
"
300
"
});
??????????? }
??????? }
??? });
</
script
>
</
body
>
</
html
>
?
3.原理:做一个监听用的JS,监听对象为页面页面的所在位置,如果下标记和页面大小的高相等,就出发时间。
以上是基本原理。
<
script
>
???
if
(
true
){
??????? jQuery(
function
(){
??????????
var
m
=
window.location.search.match(
/
p=(\d+)
/
);
??????????
var
curPage
=
m
?
parseInt(m[
1
]) :
1
;
??????????
var
loading
=
false
;
?????????? jQuery(
"
#content
"
).scroll(
function
(){
??????????????
if
( curPage
>=
1
&&
!
loading
&&
this
.scrollHeight
-
??????????????????????
this
.scrollTop
-
this
.offsetHeight
<
this
.offsetHeight ) {
?????????????????? loading
=
true
;
??????????????????
if
((
25
*
curPage)
<
79346
) {
??????????????????????? DWRUtil.setValue(
"
scrollStats
"
,
25
*
(curPage
+
1
)
+
"
of
"
+
79346
);
??????????????????? }
else
{
??????????????????????? DWRUtil.setValue(
"
scrollStats
"
,
79346
);
}
$(
"
progressIndicator
"
).style.display
=
"
block
"
;
?????????????????? jQuery.ajax({
?????????????????????? type:
"
GET
"
,
?????????????????????? dataType:
"
html
"
,
?????????????????????? url: window.location
+
(window.location.search
!=
''
?
"
&
"
:
"
?
"
)
+
"
type=html&p=
"
+
(
++
curPage ),
?????????????????????? success:
function
( html ){
?????????????????????????? html
=
jQuery.trim( html );
??????????????????????????
if
( html ) {
?????????????????????????????? jQuery(
"
#content-inner
"
).append( html );
??????????????????????????????
//
???????????????????????????? }
?????????????????????????? }
else
?????????????????????????????? curPage
=
0
;
?????????????????????? },
?????????????????????? complete:
function
(){
?????????????????????????? loading
=
false
;
//
???????????????????????? alert(window.location.pathname + (window.location.search != '' ? ""+ window.location.search +"&" : "?") + "p=" + ( curPage ))
?????????????????????????? pageTracker._trackPageview(window.location.pathname
+
(window.location.search
!=
''
?
""
+
window.location.search
+
"
&
"
:
"
?
"
)
+
"
p=
"
+
( curPage ));
?????????????????????????? _qacct
=
"
p-ebK_XdQH1HeLo
"
; quantserve();
?????????????????????????? $(
"
progressIndicator
"
).style.display
=
"
none
"
;
?????????????????????? }
?????????????????? });
?????????????? }
?????????? });
??????? });
??? }
</
script
>