div随滚动条滚动到页面头部固定不动然后距离底部多少像素还原

JavaScript06

div随滚动条滚动到页面头部固定不动然后距离底部多少像素还原,第1张

获取div的高度：offsetTop和滚动条滚动的高度document.scrollTop,

if(div的高度<滚动条的高度){这里设置div的属性position为fixed，top：0}else{这里设置div高度为原来的高度}

很简单的啊。我直接写在页面了哦，class id 属性什么的你自己写了。

<!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>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>iframe</title>

</head>

<body style="margin:0padding:0">

<div style="height:100px">头部div</div>

<iframe style="height:600pxwidth:100%">

</iframe>

<div style="height:100px">底部div</div>

</body>

</html>