判断滚动条已经滚动到底部 方法收集
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>
