屏幕中央的div
来源：互联网 发布：php能做什么好玩的 编辑：程序博客网 时间：2024/04/27 22:23
<html> <head> <title>OnScroll Example</title> <script type="text/javascript">
window.onscroll = function () ...{
var oWatermark = document.getElementById("divWatermark"); oWatermark.style.top = document.body.scrollTop+(document.body.offsetHeight/2)-oWatermark.offsetHeight/2; oWatermark.style.left =(document.body.offsetWidth/2)-oWatermark.offsetWidth/2;
} </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">Watermark</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> <p>Line 12</p> <p>Line 12</p> <p>Line 12</p> <p>Line 12</p> <p>Line 12</p> <p>Line 12</p> <p>Line 12</p> </body></html>
只要搞清楚 document.body.scrollTop是哪段距离就可以了
- 屏幕中央的div
- 将div显示到屏幕中央
- 窗体在屏幕的中央
- 对话框显示在屏幕中央的代码
- 绘制在屏幕中央的圆形窗体
- MessageBox(...), 只能让它显示在屏幕的中央, 能不能显示在一个Form的中央???
- 让MessageBox弹出在当前窗体的中央，而不是在屏幕的中央
- 让MessageBox弹出在当前窗体的中央，而不是在屏幕的中央
- Javascript如何使弹出的窗口在屏幕的中央
- 【DIV+CSS】中央定位
- Swing中将窗口位于屏幕中央的方法
- 如何把弹出窗口定位在屏幕的中央?
- 通过js在屏幕中央弹出新的窗口
- 设置启动时界面出现在屏幕的中央
- 如何让PopupWindow 显示在屏幕的中央
- JFrame在屏幕中央显示
- VC在屏幕中央画出窗口，并输出屏幕的长和宽
- jquery始终显示DIV中央
- cvsnt2.5与eclipse3.2配置与使用
- Ubuntu安装笔记（三）
- 题目首印象
- 循序渐进学习Junit
- SCA技术在实际应用开发中的实践(1)-序
- 屏幕中央的div
- JUnit实施
- The GridView 'GridViewID' fired event PageIndexChanging which wasn't handled.
- 在服务器端取得HTML控件的值
- eclipse +cvs 的基本使用方法
- 在MyEclipse中修改Tapestry文件必须重启Tomcat页面才刷新的解决方法
- 利用 Ant 和 Eclipse 有效地提高部署工作效率
- 单元测试利器 JUnit 4
- 《Oracle9i&10g编程艺术》读书笔记
