html5向上向下滚动隐藏头部,div 下上滑动 (隐藏/显示)

div 上下滑动 (隐藏/显示)

function changeDivDown(){//此为向下展开div的方法

var d = document.getElementById("TLDiv");

var h = d.offsetHeight;

var maxh=250;

function dmove(){

h+=5;//展开的速度

if(h>=maxh){

d.style.height='250px';

clearInterval(iIntervalId);

}else{

d.style.display='block';

d.style.height=h+'px';

}

}

iIntervalId=setInterval(dmove,2);//定时调用方法

}

function changeDivUp(){//此为div向上隐藏的方法

var d = document.getElementById("TLDiv");

var h = d.offsetHeight;

var maxh=250;

function dmove(){

h-=5;//隐藏的速度

if(h<=50){

d.style.display='block';

clearInterval(iIntervalId);

}else{

d.style.height=h+'px';

}

}

iIntervalId=setInterval(dmove,2);定时调用方法

}

隐藏/展开 的div的内容