判断滚动条已经滚动到底部 方法收集

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 >

你可能感兴趣的:(滚动条)