怎么让一个div元素总是停留在窗口的上方，即使滑块被拉动？

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/... <!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 type="text/javascript" language="javascript">
window.onscroll = function()
{
var oTextbox = document.getElementById("txt1");
oTextbox.value += "\nscroll is at "+document.body.scrollLeft+" horizontally and "+document.body.scroolTop +" vertically.";
var oWatermark = document.getElementById("divWatermark");
oWatermark.style.top = document.body.scrollTop;//怎么不起作用？
}

</script>
</head>
<body>
Use your mouse to click and double click the red square.
<textarea rows="15" cols="50px" id="txt1"></textarea>
<div id="divWatermark" style="position:absolute;top:0px;right:0px;color:#cccccc;width:150px;height:30px;background-color:Navy">Watermark</div>
Line 1
Line 2
Line 3
Line 4
Line 5
Line 6
Line 7
Line 8
Line 9
Line 10
Line 11
Line 12

</body>
</html> 展开

 我来答

1个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

longge761001654b3
2010-04-24 · TA获得超过1067个赞

知道小有建树答主

回答量：356

采纳率：66%

帮助的人：184万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
var picTop=0;
function move(){
document.getElementById("Layer").style.pixelTop=picTop+document.body.scrollTop;
}
window.onscroll=move;
</script>
<body>
<div id="Layer"style="position:absolute; left:16px; top:0px; width:333px; height:100px; z-index:1;">
<img src="" width="333" height="100" alt="" style="background-color: #0099CC" /></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</body>
</html>

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

怎么让一个div元素总是停留在窗口的上方，即使滑块被拉动？

其他类似问题

为你推荐：