当前位置: 代码迷 >> Web前端 >> 判断滚动条在最上方
  详细解决方案

判断滚动条在最上方

热度:102   发布时间:2012-10-06 17:34:01.0
判断滚动条在最下方

/********************

* 取窗口滚动条高度?

******************/

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)

? ? {

? ? ? ? var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight; ? ? ? ?

? ? }

? ? else

? ? {

? ? ? ? var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight; ? ?

? ? }

? ? return clientHeight;

}

?

/********************

* 取文档内容实际高度?

*******************/

function getScrollHeight()

{

? ? return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);

}

function test(){

if (getScrollTop()+getClientHeight()==getScrollHeight()){

alert("到达底部");

}else{

alert("没有到达底部");

}

}

  相关解决方案