漂浮在页面中不随内容滚动的div

原创 2008年10月01日 00:16:00
<html>
<head>
<title>OnScroll Example </title>
<script type="text/javascript">
window.onscroll = function () {
var oWatermark = document.getElementById("divWatermark");
oWatermark.style.top = document.body.scrollTop;
}
</script>
</head>
<body>
<p>Try scrolling this window. </p>
<div id="divWatermark" style="position: absolute; top: 0px; right: 0px; color: #cccccc; width: 150px; height: 30px; background-color: navy"><input type="button" value="Click Me" onclick="alert('Hello!~~')" /> </div>
<p>Line 1 </p>
<p>Line 2 </p>
<p>Line 3 </p>
<p>Line 4 </p>
<p>Line 5 </p>
<p>Line 6 </p>
<p>Line 7 </p>
<p>Line 8 </p>
<p>Line 9 </p>
<p>Line 10 </p>
<p>Line 11 </p>
<p>Line 12 </p>
</body>
</html>

相关文章推荐

往下拖动页面滚动条时,固定住菜单栏(不随其他内容网上滚动,兼容各版本IE、Chrome、Firefox)

// 定义菜单栏离页面顶部的距离,默认为200 var divOffsetTop = 200; //滚动事件 window.onscroll=function(){ var div ...
  • senton
  • senton
  • 2012年03月12日 08:59
  • 3935

往下拖动页面滚动条时,固定住菜单栏(不随其他内容网上滚动,兼容各版本IE、Chrome、Firefox)

>   html xmlns="http://www.w3.org/1999/xhtml">     head>       meta http-equiv="Content-Type" con...

div不随滚动条的移动而改变位置

  • 2012年01月12日 11:46
  • 1010B
  • 下载

固定div位置,不随滚动条滚动

我们在html页面中的某处,可能要固定div的位置,下面我们编写js来控制 1、只能在初始页面的可视区域固定div 编写js代码: jQuery.fn.floatdiv=function(l...

固定DIV不随滚动条滚动

【webQD】☆★之固定DIV不随滚动条滚动     在项目开发中,有的页面的某些按钮,我们是不想让他跟着滚动条滚动的,比如,添加页面,有很长的内容添加,在往下滚动添加的过程中,我们...

div固定不随分辨率移动

  • 2013年08月07日 09:59
  • 3KB
  • 下载

当div滚动到顶部时,DIV固定在顶部不动,不随滚动条滚动而滚动,除这个div以外的其它元素可以滚动

JS: 当div滚动到顶部时,DIV固定在顶部不动,不随滚动条滚动而滚动,除这个div以外的其它元素可以滚动 function scrollDiv () { var ie6 = document....

CSS固定层-不随滚动条滚动.htm

  • 2009年09月30日 14:39
  • 3KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:漂浮在页面中不随内容滚动的div
举报原因:
原因补充:

(最多只允许输入30个字)