scroll事件

最新推荐文章于 2024-10-28 09:13:49 发布

iteye_14227

最新推荐文章于 2024-10-28 09:13:49 发布

阅读量182

点赞数

分类专栏： web开发文章标签： HTML

web开发专栏收录该内容

24 篇文章

订阅专栏

可以通过给body添加onscroll属性或者把事件处理函数分配给window.onscroll属性。
下面是一个始终在页面的顶部显示的水印。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onscroll =function(){
  var oWatermark = document.getElementById("divWatermark");
  oWatermark.style.top = document.body.scrollTop;
}
//-->
</SCRIPT>
<div id ="divWatermark" style = "position:absolute; top :0px;right:0px; color:#cccccc; width:150px;height:30px; backgrond-colot:naty">Watermark</div>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
<p>212121</p>
</BODY>
</HTML>