漂浮在页面中不随内容滚动的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固定在页面的某个位置而不随着滚动条随意滚动

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

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

这里稍微总结一下,那就是利用JavaScript脚本,从浏览器中获取各个关于位置的参数,然后将其计算后,定位在窗体的右下角。可以承认,这个方法确实是比较自然的想法,也是很常见的方法,但是这样的方法有以...
  • yanliling0909
  • yanliling0909
  • 2014年03月20日 11:38
  • 1578

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

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

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

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

div+css如何让页面随着窗口的变化内容位置不变

前端关于div内容随着浏览缩放如何不改变其位置,不改变元素内容的相对位置,使其如浏览器正常般呈现 在我们眼前...
  • u010869754
  • u010869754
  • 2015年04月30日 15:27
  • 3976

解决 外层div高度不随内层div高度改变

内层div展示新闻,内容或多或少,因此内层div做成自适应高度。height:auto!important;height:400px;min-height:400px; 外层div也做成自适应高度。...
  • z69183787
  • z69183787
  • 2014年01月27日 15:11
  • 4347

设置背景图片不随浏览器放大而改变(背景固定,只上层div滚动)

onunload测试 body{ margin:0; padding:0;} #con{ position:fixed; top:0; left:0; height:100%; wid...
  • xiaoxiaoxianxian
  • xiaoxiaoxianxian
  • 2014年10月22日 17:13
  • 991

怎么将导航栏始终固定在窗口顶部,类似bootstrap 的navbar-fixed-top

http://www.myexception.cn/HTML-CSS/1964410.html 在很多的网站导航栏或者类似于导航栏的一些功能一直能够固定在网页的顶部,就算是下拉滚动条也不会被...
  • zunguitiancheng
  • zunguitiancheng
  • 2016年02月16日 10:24
  • 7216

如何设置跟随滚动条一起滚动的div

原理 使用css的定位属性position,设其值为fixed即可,该属性是将指定元素绝对定位于窗体,使用left,right,top和bottom属性来设置偏移于窗体原点的位置。 实例源码 ...
  • flygoa
  • flygoa
  • 2015年06月17日 10:25
  • 9502

固定DIV不随滚动条滚动

【webQD】☆★之固定DIV不随滚动条滚动     在项目开发中,有的页面的某些按钮,我们是不想让他跟着滚动条滚动的,比如,添加页面,有很长的内容添加,在往下滚动添加的过程中,我们...
  • u010506940
  • u010506940
  • 2014年07月22日 16:47
  • 643
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:漂浮在页面中不随内容滚动的div
举报原因:
原因补充:

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