漂浮在页面中不随内容滚动的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>

让一个div不随页面滚动

将position设成fixed
  • hutao1101175783
  • hutao1101175783
  • 2014年05月09日 09:52
  • 882

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

1、position div中的style属性中的一个关键字,表明了该div所在的位置以及位置本身的属性。 position有四个值可选:static,absolute,fixed,relative。...
  • shansusu
  • shansusu
  • 2015年01月14日 10:46
  • 4268

div位置大小不随浏览器变化而变化

#main-content {                 margin: 0 30px 0 260px;                 padding: 40px 0 0 0;     ...
  • MissMiss55
  • MissMiss55
  • 2013年03月13日 16:41
  • 2533

如何让DIV固定在页面的某个位置而不随着滚动条随意滚动

利用JavaScript脚本,从浏览器中获取各个关于位置的参数,然后将其计算后,定位在窗体的右下角。可以承认,这个方法确实是比较自然的想法,也是很常见的方法,但是这样的方法有以下几个缺点: 1、使用...
  • jieCooner
  • jieCooner
  • 2013年10月14日 08:56
  • 2877

CSS基础 不会随着滚动条变化的固定在左上角的div块

慈心积善融学习,技术愿为有情学。善心速造多好事,前人栽树后乘凉。我今于此写经验,愿见文者得启发。 1、代码                      #div1{   ...
  • yushaopu
  • yushaopu
  • 2016年09月27日 09:03
  • 1810

如何将div悬浮在另外一个div之上?

解决方案1 如何“悬浮”是想让一个层叠加在另一个层上的话,你可以利用相对定位和绝对定位来实现 比如: 你在父元素上设置position:relative; 在子元素上设置position:a...
  • mengmakies
  • mengmakies
  • 2016年05月22日 23:46
  • 2941

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

随滚动条移动的层 - 威海ABC-http://www.0631abc.com
  • lianchao668
  • lianchao668
  • 2012年08月06日 15:42
  • 808

div浮动到img上面

此时需要在外层有一个position的div, 如果没有,可以在外面加一层。 而在div与img的样式中加入绝对定位。 并且在div中加入z-index为2, img的z-index为1, 并且...
  • xiaoouh
  • xiaoouh
  • 2016年02月17日 14:32
  • 932

web页面div浮于图片上的问题

我们公司www.yz368.cn的主页div布局覆盖了图片的一部分,一开始看没问题,然而那个图片是做了一个页面跳转。 思路【1】将中间图片设置相对位置,紧靠着左面图片,重叠左面图片不会有影响   x...
  • u012795264
  • u012795264
  • 2015年06月27日 08:50
  • 809

如何让div根据内容自动显示水平垂直滚动条

用style div style="overflow:auto;" div中的内容超长时,自动出来 水平:overflow_x 垂直:overflow_y 详细代码如下:html>head>meta ...
  • alphayycn
  • alphayycn
  • 2007年10月23日 17:47
  • 6843
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:漂浮在页面中不随内容滚动的div
举报原因:
原因补充:

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